Salta l'installazione. Attivo in meno di 2 minuti.
Avvia una prova gratuita su cloud.anythingmcp.com, aggiungi Figma con un clic, poi punta il tuo client AI (Claude, ChatGPT, Copilot o Cursor) all'endpoint MCP generato. Niente Docker, niente git clone, nessuna esperienza di sviluppo richiesta.
AnythingMCP è nella directory dei connettori di Claude: aggiungilo a Claude con un clic (si apre in una nuova scheda), poi accedi e scegli quali server MCP può usare Claude.
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.
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 + Claude
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 Claude
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.
Percorso consigliato: funziona su claude.ai web senza toccare alcun file di configurazione.
- In Claude apri Customize → Connectors.
- Clicca + e poi Add custom connector.
- Inserisci un nome, ad esempio
Figma, e l'URL del server MCP remotohttps://cloud.anythingmcp.com/mcp/YOUR_SERVER_ID, poi clicca Add. - Clicca Connect e accedi ad AnythingMCP (OAuth) per consentire l'accesso.
Tutti i tool sotto compaiono nella tua chat: inizia a scrivere prompt.
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
Funziona con Claude Code come con Claude Desktop? Sì, punta entrambi a https://cloud.anythingmcp.com/mcp/YOUR_SERVER_ID.
Prossimi passi
- Landing del connettore
- Collegare a ChatGPT
- Collegare a Cursor
- Collegare a Gemini
- Collegare a Meta Muse
Questa guida ti è stata utile?
