Sáltate la instalación. Funcionando en menos de 2 minutos.
Inicia una prueba gratuita en cloud.anythingmcp.com, añade Figma con un clic y apunta tu cliente de IA (Claude, ChatGPT, Copilot o Cursor) al endpoint MCP generado. Sin Docker, sin git clone, sin experiencia de desarrollo.
Resumen
Deja que tu IA lea tus diseños de Figma: explora carpetas de equipo y archivos, inspecciona páginas, frames y capas, exporta imágenes, consulta componentes y estilos, sigue el historial de versiones, lee y publica comentarios y gestiona enlaces de Dev Mode. Con un token de acceso personal.
Prueba a pedir
Prompts de ejemplo para Figma
Haz clic en un prompt para copiarlo. Pégalo en Claude, ChatGPT, Cursor, Gemini, Copilot u OpenClaw para ejecutarlo contra este conector.
Claude es IA y puede equivocarse. Verifica siempre las respuestas.
💡 ¿Sin instalación? Usa cloud.anythingmcp.com directamente. Inicia sesión, pulsa Connectors → Figma, pega tus credenciales, genera una MCP API key y listo. Sin Docker, sin
git clone, sin servidor local.
Figma
Deja que tu IA lea tus diseños de Figma: explora carpetas de equipo y archivos, inspecciona páginas, frames y capas, exporta imágenes, consulta componentes y estilos, sigue el historial de versiones, lee y publica comentarios y gestiona enlaces de Dev Mode. Con un token de acceso personal.
Configuración
- En Figma, abre el menú de la cuenta (arriba a la izquierda en el explorador de archivos) → Settings → Security → Personal access tokens → Generate new token.
- Ponle un nombre al token (por ejemplo "AnythingMCP") y elige una caducidad: 90 días como máximo, porque Figma ya no emite tokens que no caduquen. Marca estos scopes:
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
- Haz clic en Generate token y cópialo enseguida: Figma lo muestra una sola vez. Normalmente empieza por
figd_. - Pega el token en
FIGMA_ACCESS_TOKEN, sin la palabra Bearer, e instala el conector. - Empieza con
figma_get_me: muestra a qué usuario de Figma pertenece el token. Después pásale a la IA el enlace de un archivo: la clave del archivo es la parte que va después de/design/en la URL.
Caducidad del token: los tokens duran como máximo 90 días. Cuando caduque el tuyo, genera uno nuevo con los mismos scopes y vuelve a pegarlo en FIGMA_ACCESS_TOKEN. El conector ve exactamente los archivos y equipos que puede abrir el usuario del token. Los tokens creados antes de que Figma renombrara los proyectos como carpetas (folders) pueden tener solo projects:read, pero las herramientas de carpetas necesitan folders:read: si responden 403 indicando un scope, genera un token nuevo.
Encontrar equipos y carpetas: Figma no permite listar tus equipos a través de su API. Pásale a la IA el enlace de la página de un equipo del explorador de archivos (el id del equipo es el número que va después de /team/); con figma_list_team_folders, figma_list_subfolders y figma_list_folder_files llega luego a los archivos.
Permisos y solo lectura: deja fuera file_comments:write y file_dev_resources:write y desactiva figma_post_comment, figma_delete_comment, figma_add_comment_reaction, figma_create_dev_resource y figma_update_dev_resource. Los comentarios que publique la IA aparecen con el nombre del usuario del token y los ve cualquiera con acceso al archivo.
Desactivadas al instalar: figma_delete_dev_resource, que quita para todos un enlace de Dev Mode de un nodo. Actívala solo si la IA debe eliminar dev resources.
Límites de uso y plan Starter: Figma limita las solicitudes por usuario y según el plan en el que está el archivo. Leer el contenido de archivos, nodos y renderizar imágenes (figma_get_file, figma_get_file_nodes, figma_render_images) tiene el límite más estricto: de 10 a 20 por minuto en un plan de pago con un seat Full o Dev, pero solo unas pocas al mes para archivos del plan gratuito Starter o con un seat View o Collab. Los metadatos, comentarios, versiones, componentes y estilos permiten muchas más. Pide a la IA que mire frames concretos en lugar de archivos enteros; las respuestas muy grandes se cortan a 200 KB. Los enlaces a imágenes renderizadas siguen siendo válidos durante 30 días.
Dev Mode: los dev resources (enlaces a tickets, documentación o código asociados a un nodo) necesitan un plan de pago y un seat Full o Dev. Sin acceso a Dev Mode, Figma responde "File not found" a las herramientas de dev resources, incluso para un archivo que las demás herramientas leen sin problemas. Un nodo admite como máximo 10 dev resources, cada URL una sola vez.
Errores frecuentes: 401 "Invalid token" significa que el token es incorrecto, caducó o se revocó: genera uno nuevo. 403 significa que al token le falta un scope (el mensaje lo indica) o que el usuario no tiene acceso a ese equipo o carpeta. 404 significa que no existe ese archivo o nodo, o que el usuario no puede abrir el archivo: copia la clave de la URL del archivo. 400 indica un parámetro no válido, por ejemplo un id de nodo con guion en lugar de dos puntos (el node-id=12-345 de un enlace es 12:345). 429 es un límite de uso: espera y vuelve a intentarlo. Las herramientas de biblioteca rechazan la clave de una rama (branch): usa la del archivo principal.
El conector no edita diseños ni gestiona variables, webhooks, contenido de FigJam y Slides más allá del árbol de archivos, ni analíticas de biblioteca.
Requisitos previos: FIGMA_ACCESS_TOKEN
Instalar el conector localmente
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
Abre http://localhost:3000/connectors/store, elige Figma e introduce las variables listadas en los Requisitos previos.
Herramientas disponibles
| 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 |
Ejemplos de prompts
- "Muéstrame las páginas y los frames principales del archivo Checkout redesign, y quién lo editó por última vez."
- "¿Qué comentarios del archivo Checkout redesign siguen sin resolver, y quién los escribió?"
- "Exporta como PNG el frame Página de precios del archivo Web de Acme y dame el enlace."
- "Responde al comentario de Lena en el archivo Checkout redesign y dile que el color del botón ya está actualizado."
Siguientes pasos
¿Te ha sido útil esta guía?
