In breve
Fai leggere alla tua AI i tuoi design Figma: sfoglia cartelle del team e file, esamina pagine, frame e livelli, esporta immagini, consulta componenti e stili, segui la cronologia delle versioni, leggi e pubblica commenti e gestisci i link di Dev Mode. Con un personal access token.
Configurazione guidata
Collega Figma a Microsoft Copilot in 2 minuti
Avvia la prova gratuita su AnythingMCP Cloud, collega Figma con la configurazione guidata e aggiungi il tuo URL MCP a Microsoft Copilot. Senza codice e senza server da gestire.
Nessuna carta di credito · 7 giorni di prova · Alternativa self-host disponibile
Prova a chiedere
Prompt di esempio per Figma
Clicca su un prompt per copiarlo. Incollalo in Claude, ChatGPT, Cursor, Gemini, Copilot o OpenClaw per eseguirlo contro questo connettore.
Claude è un'AI e può sbagliare. Verifica sempre le risposte.
💡 Niente installazione? Vai direttamente su cloud.anythingmcp.com. Accedi, clicca Connectors → Figma, inserisci le credenziali, genera una MCP API key e hai finito. Niente Docker, niente
git clone, niente server locale.
Figma + Microsoft Copilot
Fai leggere alla tua AI i tuoi design Figma: sfoglia cartelle del team e file, esamina pagine, frame e livelli, esporta immagini, consulta componenti e stili, segui la cronologia delle versioni, leggi e pubblica commenti e gestisci i link di Dev Mode. Con un personal access token.
Prerequisiti
Le istruzioni di setup complete sono incluse nel connettore stesso (visibili nello store quando lo selezioni). Le variabili d'ambiente richieste sono:
FIGMA_ACCESS_TOKEN
Step 1 — Ottieni le credenziali
- In Figma apri il menu dell'account (in alto a sinistra nel file browser) → Settings → Security → Personal access tokens → Generate new token.
- Dai un nome al token (per esempio "AnythingMCP") e scegli una scadenza: al massimo 90 giorni, perché Figma non rilascia più token senza scadenza. Imposta questi scope:
current_user:read,file_content:read,file_metadata:read,file_versions:readfile_comments:read,file_comments:writelibrary_content:read,library_assets:read,team_library_content:readfolders:readfile_dev_resources:read,file_dev_resources:write
- Clicca su Generate token e copialo subito: Figma lo mostra una sola volta. Di solito inizia con
figd_. - Inserisci il token in
FIGMA_ACCESS_TOKEN, senza la parola Bearer, poi installa il connettore. - Comincia con
figma_get_me: mostra a quale utente Figma appartiene il token. Poi dai all'AI il link di un file: la chiave del file è la parte dopo/design/nell'URL.
Scadenza del token: i token durano al massimo 90 giorni. Quando il tuo scade, generane uno nuovo con gli stessi scope e inseriscilo di nuovo in FIGMA_ACCESS_TOKEN. Il connettore vede esattamente i file e i team che l'utente del token può aprire. I token creati prima che Figma rinominasse i progetti in cartelle (folders) possono avere solo projects:read, mentre gli strumenti delle cartelle richiedono folders:read: se rispondono 403 indicando uno scope, genera un nuovo token.
Trovare team e cartelle: Figma non permette di elencare i tuoi team tramite API. Dai all'AI il link di una pagina del team dal file browser (l'id del team è il numero dopo /team/); da lì figma_list_team_folders, figma_list_subfolders e figma_list_folder_files portano ai file.
Permessi e solo lettura: escludi file_comments:write e file_dev_resources:write e disattiva figma_post_comment, figma_delete_comment, figma_add_comment_reaction, figma_create_dev_resource e figma_update_dev_resource. I commenti pubblicati dall'AI compaiono con il nome dell'utente del token e li vede chiunque abbia accesso al file.
Disattivati all'installazione: figma_delete_dev_resource, che rimuove per tutti un link di Dev Mode da un nodo. Attivalo solo se l'AI deve eliminare dev resource.
Limiti di frequenza e piano Starter: Figma limita le richieste per utente e in base al piano in cui si trova il file. La lettura del contenuto dei file, dei nodi e i render delle immagini (figma_get_file, figma_get_file_nodes, figma_render_images) hanno il limite più stretto: da 10 a 20 al minuto su un piano a pagamento con un seat Full o Dev, ma solo poche al mese per i file del piano gratuito Starter o con un seat View o Collab. Metadati, commenti, versioni, componenti e stili consentono molto di più. Chiedi all'AI di guardare singoli frame invece di file interi; le risposte molto grandi vengono tagliate a 200 KB. I link alle immagini renderizzate restano validi per 30 giorni.
Dev Mode: le dev resource (link a ticket, documentazione o codice associati a un nodo) richiedono un piano a pagamento e un seat Full o Dev. Senza accesso a Dev Mode, Figma risponde "File not found" agli strumenti delle dev resource, anche per un file che gli altri strumenti leggono senza problemi. Un nodo può avere al massimo 10 dev resource, ogni URL una sola volta.
Errori comuni: 401 "Invalid token" significa che il token è sbagliato, scaduto o revocato: generane uno nuovo. 403 significa che al token manca uno scope (il messaggio lo indica) o che l'utente non ha accesso a quel team o a quella cartella. 404 significa che il file o il nodo non esiste, o che l'utente non può aprire il file: copia la chiave dall'URL del file. 400 indica un parametro non valido, per esempio un id di nodo con un trattino al posto dei due punti (il node-id=12-345 di un link diventa 12:345). 429 è un limite di frequenza: attendi e riprova. Gli strumenti della libreria rifiutano la chiave di un branch: usa quella del file principale.
Il connettore non modifica i design e non gestisce variabili, webhook, contenuti FigJam e Slides oltre all'albero dei file, né le analisi della libreria.
Step 2 — Installa l'adapter
curl -fsSL https://raw.githubusercontent.com/HelpCode-ai/anythingmcp/main/docker-compose.quickstart.yml -o docker-compose.yml
printf 'JWT_SECRET=%s\nENCRYPTION_KEY=%s\n' "$(openssl rand -hex 32)" "$(openssl rand -hex 32)" > .env
docker compose up -d
Step 3 — Aggiungi il connettore in Microsoft Copilot
L'URL del tuo server: in AnythingMCP apri MCP Servers → il server su cui si trova questo connettore e copia il suo URL (
https://cloud.anythingmcp.com/mcp/…). Usalo ovunque questa guida mostraYOUR_SERVER_ID.
Microsoft Copilot usa i server MCP tramite gli agenti creati in Copilot Studio: aggiungi AnythingMCP a un agente come strumento, poi pubblichi l'agente in Microsoft 365 Copilot e in Teams. Copilot Studio si collega dal cloud di Microsoft via Streamable HTTP, che AnythingMCP supporta.
- In Copilot Studio apri il tuo agente (o creane uno), vai su Tools e scegli Add a tool → New tool → Model Context Protocol.
- Inserisci un Server name (per esempio
AnythingMCP), una Server description che dica cosa fa il connettore e il Server URLhttps://cloud.anythingmcp.com/mcp/YOUR_SERVER_ID. Copilot Studio usa la descrizione per decidere quando chiamare il server. - Come autenticazione scegli API key, imposta Type su Header e come nome dell'header
X-API-Key, poi seleziona Create. - In Add tool scegli Create a new connection, incolla una chiave API MCP di AnythingMCP (MCP Servers → il tuo server → API keys) e seleziona Add to agent.
- Provalo nel riquadro Test dell'agente: chiedi qualcosa che richiede i tool di
Figma. - Seleziona Publish, poi Channels → Microsoft 365 and Microsoft Teams, lascia selezionato Make agent available in Microsoft Copilot e scegli Add channel. See agent in Teams lo installa per te; in Microsoft 365 Copilot scrivi @ e scegli l'agente.
Preferisci un accesso per ogni utente? Al posto della chiave API scegli OAuth 2.0 → Dynamic discovery: ogni persona accede ad AnythingMCP la prima volta che l'agente lo chiama.
Usi il self-hosting? Usa l'indirizzo HTTPS pubblico della tua istanza al posto di https://cloud.anythingmcp.com. Copilot Studio si collega dal cloud di Microsoft, quindi localhost non funziona.
Tool disponibili
| Tool | What it does |
|---|---|
figma_get_me | Get the Figma user the token belongs to: id, handle, email and avatar URL |
figma_get_file_meta | Get a file's metadata without its content: name, folder name, editor type (figma, figjam, slides ...), creator, last_touched_at and by… |
figma_get_file | Read a file's document tree: pages, frames and layers with their ids, names, types, sizes, fills, text and layout, plus the components and… |
figma_get_file_nodes | Read specific nodes (frames, components, layers) of a file with everything below them: type, name, absolute bounding box, fills, strokes… |
figma_render_images | Render nodes of a file as PNG, JPG, SVG or PDF and get a download URL per node id (null when a node could not be rendered) |
figma_get_image_fills | Get download URLs for every image used as a fill in a file, keyed by imageRef (the imageRef in a node's fills) |
figma_list_versions | List a file's version history, newest first: id, label and description of named versions, created_at, the user and thumbnail |
figma_list_comments | List all comments on a file: id, message, user, created_at, resolved_at, parent_id (for replies), client_meta (where it is pinned: node_id… |
figma_post_comment | Post a comment on a file as the token's user, optionally pinned to a node or a point, or as a reply to a top-level comment (comment_id) |
figma_delete_comment | Delete a comment |
figma_list_comment_reactions | List the emoji reactions on a comment: emoji, user and created_at |
figma_add_comment_reaction | React to a comment with an emoji shortcode, as the token's user; it shows next to the comment |
figma_list_team_folders | List the top-level folders (formerly called projects) of a team that the token's user can see: id, name, parent_folder_id (null at the… |
figma_list_subfolders | List the folders directly inside a folder (folders can be nested): id, name, parent_folder_id and created_at, plus the parent folder's name |
figma_list_folder_files | List the files directly in a folder (not in its subfolders): key, name, thumbnail_url and last_modified, plus the folder's name |
figma_list_team_components | List the published components of a team library: key, name, description, the file and node they live in, thumbnail and who last updated them |
figma_list_team_component_sets | List the published component sets (components with variants) of a team library: key, name, description, the file and node they live in… |
figma_list_team_styles | List the published styles (colors, text, effects, grids) of a team library: key, name, description, the file and node they live in… |
figma_list_file_components | List the published components of a library file: key, name, description, node_id and thumbnail |
figma_list_file_component_sets | List the published component sets of a library file: key, name, description, node_id and thumbnail |
figma_list_file_styles | List the published styles of a library file: key, name, description, node_id and thumbnail |
figma_get_component | Get one published component by its key: name, description, the file and node it lives in, its containing frame and component set, thumbnail… |
figma_get_component_set | Get one published component set (a component with variants) by its key: name, description, file, node and thumbnail |
figma_get_style | Get one published style by its key: name, description, style_type (FILL, TEXT, EFFECT, GRID), the file and node it lives in and thumbnail |
figma_list_dev_resources | List the dev resources of a file: links that developers attached to nodes in Dev Mode (tickets, docs, code), each with id, name, url and… |
figma_create_dev_resource | Attach a link (a ticket, a doc, a code file) to a node as a dev resource, visible to everyone in Dev Mode |
figma_update_dev_resource | Change the name or URL of a dev resource |
figma_delete_dev_resource | Remove a dev resource link from a node, for everyone |
Esempi di prompt
- "Mostrami le pagine e i frame principali del file Checkout redesign e chi l'ha modificato per ultimo."
- "Quali commenti sul file Checkout redesign sono ancora aperti, e chi li ha scritti?"
- "Esporta come PNG il frame Pagina prezzi del file Sito Acme e dammi il link."
- "Rispondi al commento di Lena sul file Checkout redesign e dille che il colore del pulsante è stato aggiornato."
FAQ
Per quale Copilot vale? Per Microsoft 365 Copilot in azienda, tramite gli agenti di Copilot Studio. L'app Microsoft Copilot per account personali non permette di aggiungere un proprio server MCP.
Cosa mi serve? Un account di lavoro con accesso a Copilot Studio (licenza o prova) per creare l'agente. Chi lo usa in Microsoft 365 Copilot o in Teams deve avere accesso all'agente: condividilo, oppure chiedi a un amministratore di pubblicarlo per l'organizzazione. Se la tua organizzazione applica criteri sui dati ai connettori di Power Platform, valgono anche per i server MCP.
L'agente non chiama i tool. Controlla che il nome dell'header sia esattamente X-API-Key e che la chiave appartenga allo stesso server MCP dell'URL, e scrivi una Server description precisa: Copilot Studio la usa per decidere quando chiamare il server. Dopo ogni modifica pubblica di nuovo l'agente; in una chat già aperta scrivi "start over" per passare alla nuova versione.
Prossimi passi
- Landing del connettore
- Collegare a Claude
- Collegare a ChatGPT
- Collegare a Cursor
- Collegare a Gemini
- Collegare a Meta Muse
Questa guida ti è stata utile?