Guida al connettore9 minuti di lettura28 tool MCP7 lingue

Come collegare Figma a Meta Muse via MCP

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.

HCA cura del team HelpCodeAggiornato 9 min di lettura Open source su GitHub

Nessuna carta di credito · 7 giorni di prova · Alternativa self-host disponibile

Figma

Figma

Let your AI read your Figma designs: browse team folders and files, inspect pages, frames and layers, export images, look up components and styles, follow version history, read and post comments, and manage Dev Mode links. With a personal access token.

tool

28

Regione

INTL

Categoria

Produttività

Autenticazione

API Key

Env vars richieste

FIGMA_ACCESS_TOKEN
Installa con un clic su Cloud

7 giorni di prova gratuita · Nessuna carta di credito

  • Prova gratuita di 7 giorni
    Nessuna carta di credito
  • GDPR & SOC 2 ready
    Dati in UE, log di audit
  • Open source su GitHub
    Open source · AGPL-3.0
  • Funziona con ChatGPT, Claude, Gemini
    Qualsiasi client compatibile MCP

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.

Inizia la prova gratuita

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.

Figma · live via MCP
Condividi
Opus 4.7

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 + Meta Muse

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

  1. In Figma apri il menu dell'account (in alto a sinistra nel file browser) → Settings → Security → Personal access tokens → Generate new token.
  2. 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:read
    • file_comments:read, file_comments:write
    • library_content:read, library_assets:read, team_library_content:read
    • folders:read
    • file_dev_resources:read, file_dev_resources:write
  3. Clicca su Generate token e copialo subito: Figma lo mostra una sola volta. Di solito inizia con figd_.
  4. Inserisci il token in FIGMA_ACCESS_TOKEN, senza la parola Bearer, poi installa il connettore.
  5. 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 Muse

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 mostra YOUR_SERVER_ID.

Muse aggiunge i server MCP remoti come connettori personalizzati e vi accede con OAuth.

  1. In Muse apri Settings → Connectors e scegli Add custom connector.
  2. Incolla l'URL del server MCP https://cloud.anythingmcp.com/mcp/YOUR_SERVER_ID.
  3. Muse apre la pagina di accesso di AnythingMCP: accedi e approva l'accesso.
  4. In una chat, chiedi a Muse qualcosa che richiede i tool di Figma.

Puoi configurarlo anche da una chat, sul web, nelle app per iOS e Android o su WhatsApp. Invia a Muse questo messaggio:

Create a Custom Connector for a new remote MCP server, then connect to it:
Name: AnythingMCP
Transport: remote streamable HTTP
URL: https://cloud.anythingmcp.com/mcp/YOUR_SERVER_ID
Auth: OAuth

Usi il self-hosting? Usa l'indirizzo HTTPS pubblico della tua istanza al posto di https://cloud.anythingmcp.com. Muse si collega dal cloud di Meta, quindi localhost non funziona.

Tool disponibili

ToolWhat it does
figma_get_meGet the Figma user the token belongs to: id, handle, email and avatar URL
figma_get_file_metaGet a file's metadata without its content: name, folder name, editor type (figma, figjam, slides ...), creator, last_touched_at and by…
figma_get_fileRead 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_nodesRead specific nodes (frames, components, layers) of a file with everything below them: type, name, absolute bounding box, fills, strokes…
figma_render_imagesRender 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_fillsGet download URLs for every image used as a fill in a file, keyed by imageRef (the imageRef in a node's fills)
figma_list_versionsList a file's version history, newest first: id, label and description of named versions, created_at, the user and thumbnail
figma_list_commentsList 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_commentPost 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_commentDelete a comment
figma_list_comment_reactionsList the emoji reactions on a comment: emoji, user and created_at
figma_add_comment_reactionReact to a comment with an emoji shortcode, as the token's user; it shows next to the comment
figma_list_team_foldersList 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_subfoldersList 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_filesList 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_componentsList 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_setsList the published component sets (components with variants) of a team library: key, name, description, the file and node they live in…
figma_list_team_stylesList the published styles (colors, text, effects, grids) of a team library: key, name, description, the file and node they live in…
figma_list_file_componentsList the published components of a library file: key, name, description, node_id and thumbnail
figma_list_file_component_setsList the published component sets of a library file: key, name, description, node_id and thumbnail
figma_list_file_stylesList the published styles of a library file: key, name, description, node_id and thumbnail
figma_get_componentGet 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_setGet one published component set (a component with variants) by its key: name, description, file, node and thumbnail
figma_get_styleGet 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_resourcesList 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_resourceAttach 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_resourceChange the name or URL of a dev resource
figma_delete_dev_resourceRemove 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

Dove è disponibile Muse? Al momento Meta offre Muse negli Stati Uniti e in Canada, sul web, nelle app per iOS e Android e su WhatsApp.

Meta verifica questo connettore? No. Meta non verifica i connettori personalizzati. Muse vede solo i tool che hai attivato per questo server MCP in AnythingMCP, e puoi scollegarlo in qualsiasi momento da Settings → Connectors.

Prossimi passi

Questa guida ti è stata utile?

Il tuo agente Figma è a un clic di distanza.

Installa il connettore, incolla la chiave, chiedi a Meta Muse. 7 giorni gratis, senza carta di credito.

Guide correlate

Connettori

Come collegare Figma a ChatGPT via MCP

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.

Connettori

Come collegare Figma a Claude via MCP

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.

Connettori

Come collegare Figma a Cursor via MCP

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.

Connettori

Come collegare Figma a Gemini via MCP

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.

Connettori

Figma su MCP: Pilota Figma da qualsiasi agente AI

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.

Connettori

Come collegare Canva a Meta Muse via MCP

Fai lavorare la tua AI in Canva: trova e leggi i design, creane di nuovi, esportali in PDF, PNG, PowerPoint o video con link per il download, organizza le cartelle, carica immagini da un link, leggi i modelli del brand e commenta i design.