MCP servers de Figma

"Figma MCP" solía significar una sola cosa: un servidor que permitía a un agente de código leer un diseño y convertirlo en código. En 2026 significa más. El servidor oficial de Figma ahora se ejecuta de forma remota además de en la aplicación de escritorio, puede escribir en el lienzo, y los límites sobre la frecuencia con la que puedes llamarlo dependen de tu plan y de tu asiento de maneras que sorprenden a la gente después de veinte llamadas.

Esta guía se basa en la documentación para desarrolladores, el Centro de ayuda y el blog de Figma, el repositorio figma/mcp-server-guide y el código de los proyectos de la comunidad, todo consultado el 14 de noviembre de 2026. También sondeamos el endpoint remoto y ejecutamos Framelink a través de MCP Inspector. No conectamos una cuenta de pago de Figma, así que reportamos los límites declarados por Figma en lugar de los que alcanzamos.

Remoto o de escritorio

	Servidor remoto	Servidor de escritorio
Dirección	https://mcp.figma.com/mcp	http://127.0.0.1:3845/mcp
Necesita la app de Figma	No	Sí, con un archivo de diseño abierto
Inicio de sesión	Cuenta de Figma, OAuth en el navegador	La app con la que tienes la sesión iniciada
Planes	Todos los planes, con límites de lectura	Asiento Dev o Full en Professional, Education, Organization, Government o Enterprise
Cómo elegir qué leer	Pegas un enlace a una capa	Seleccionas la capa en la app
Escritura en el lienzo	Sí, en beta	No
Xcode	Compatible	No compatible
Figma for Government	No compatible	La única opción

Figma recomienda el servidor remoto y le atribuye "el conjunto de funciones más amplio". El servidor de escritorio existe para organizaciones con necesidades específicas; Figma for Government, por ejemplo, solo puede usarlo. A menos que estés en ese grupo, empieza por el remoto.

Revisamos cómo se anuncia el servidor remoto. Una solicitud sin más se rechaza, y sus metadatos de OAuth indican api.figma.com como servidor de autorización con un único scope, mcp:connect. Ese es el flujo que ejecuta tu cliente cuando abre un navegador y te pide que permitas el acceso.

Planes y límites

Aquí es donde se originan la mayoría de los reportes de "dejó de funcionar". Figma limita las herramientas que leen datos, por asiento y por plan:

Asiento	Starter	Professional	Organization	Enterprise
View o Collab	20 al mes	20 al mes	20 al mes	20 al mes
Full o Dev	no disponible	200 al día, 10 por minuto	200 al día, 15 por minuto	600 al día, 20 por minuto

Los planes Education reciben los números de Professional. El tope por minuto se aplica además del diario, y Figma indica que puede cambiar los límites en cualquier momento. Las herramientas de escritura no se cuentan, ni tampoco las acciones que usan créditos de Figma AI.

Veinte llamadas al mes se agotan rápido. Un agente que implementa una pantalla suele pedir el contexto de diseño, las variables, una captura de pantalla y quizás los metadatos, así que una cuenta gratuita puede quedarse sin llamadas después de unas pocas pantallas. Si trabajas con Figma a diario, el servidor es, en la práctica, una función de asiento Full o Dev.

Un dato desactualizado que conviene ignorar: el README del propio repositorio mcp-server-guide de Figma todavía dice seis llamadas al mes para los asientos Starter y View. Tanto la documentación para desarrolladores como el Help Center dicen 20.

Instalación

Claude Code. El plugin de Figma está en el marketplace oficial de Anthropic y trae el servidor junto con las skills de Figma:

claude plugin install figma@claude-plugins-official

Si tu organización bloquea los plugins, agrega solo el servidor:

claude mcp add --scope user --transport http figma https://mcp.figma.com/mcp

Luego ejecuta /mcp en Claude Code, selecciona figma, elige Authenticate y haz clic en Allow access en el navegador.

Cursor. Escribe /add-plugin figma en el chat, o agrega el servidor en Settings, Tools & MCP:

{
  "mcpServers": {
    "figma": {
      "url": "https://mcp.figma.com/mcp"
    }
  }
}

Haz clic en Connect y luego permite el acceso. Si el inicio de sesión entra en bucle, usa "Clear All MCP Tokens", vuelve a iniciar sesión y reinicia Cursor.

VS Code con GitHub Copilot. Ejecuta "MCP: Open User Configuration" y agrega:

{
  "servers": {
    "figma": {
      "type": "http",
      "url": "https://mcp.figma.com/mcp"
    }
  }
}

Haz clic en Start sobre la entrada, permite el acceso, cambia el chat al modo Agent y escribe #get_design_context para comprobar que las herramientas se cargan.

Codex:

codex mcp add figma --url https://mcp.figma.com/mcp

Gemini CLI lo instala como una extensión desde https://github.com/figma/mcp-server-guide y luego /mcp auth figma. Las páginas de Figma no incluyen pasos para Claude Desktop. Solo los clientes que aparecen en el catálogo MCP de Figma pueden conectarse, así que revísalo antes de probar otro cliente.

El servidor de escritorio, en cambio: abre la app de escritorio de Figma, cambia a Dev Mode con Shift+D y, en la barra lateral derecha, elige "Enable desktop MCP server". Luego apunta tu cliente a http://127.0.0.1:3845/mcp, por ejemplo claude mcp add --transport http figma-desktop http://127.0.0.1:3845/mcp.

Qué hacen las herramientas

La página de herramientas de Figma lista unas treinta. Estas son las que vas a usar:

Herramienta	Dónde	Qué devuelve o hace
get_design_context	Ambas	Código y estructura de una capa, React con Tailwind por defecto; pide otro stack en el prompt
get_variable_defs	Ambas	Las variables y estilos que usa una selección: colores, espaciado, tipografía
get_screenshot	Ambas	Una imagen de la selección
get_metadata	Ambas	Un esquema XML ligero con IDs, nombres y tamaños; útil para frames grandes
get_code_connect_map	Ambas	A qué componente de código se mapea cada componente de Figma
get_figjam	Ambas	Tableros de FigJam como XML con capturas de pantalla
search_design_system	Remota	Encuentra componentes, variables y estilos en tus librerías
download_assets	Remota	Exporta hasta 20 nodos o imágenes originales por llamada
whoami	Remota	Tu cuenta, planes y tipos de asiento
use_figma	Remota	Ejecuta código de la Plugin API en el archivo para crear, editar o eliminar capas
generate_figma_design	Remota	Convierte una página web en vivo, incluido localhost, en capas de Figma
create_new_file	Remota	Un archivo en blanco de Design, FigJam o Slides

create_design_system_rules es un prompt, no una herramienta: escribe un archivo de reglas para tu base de código para que el agente mapee los tokens de Figma a tus componentes de la misma forma cada vez.

Si usas Code Connect, los componentes conectados llegan envueltos en un marcador <CodeConnectSnippet> que nombra tu componente real, y se incluyen las instrucciones personalizadas que hayas adjuntado. Esa es la diferencia entre un agente que escribe un botón nuevo y uno que usa el tuyo.

Frames grandes

El propio consejo de Figma es seleccionar menos. Las selecciones grandes "ralentizan las herramientas, provocan errores o devuelven resultados incompletos". Elige una tarjeta, un encabezado o una barra lateral a la vez. Para una página completa, llama primero a get_metadata para obtener el esquema y los IDs de nodo, y luego a get_design_context en las partes. En Claude Code, si los resultados se cortan, sube MAX_MCP_OUTPUT_TOKENS.

Escribir en el lienzo

El 24 de marzo de 2026 Figma abrió el lienzo a los agentes. La herramienta use_figma del servidor remoto ejecuta código contra la API de plugins de Figma dentro de tu archivo, así que un agente puede construir frames, aplicar variables, maquetar componentes y editar lo que ya existe, en archivos de Design, FigJam, Slides y Specs. Figma mencionó a Claude Code, Codex, Cursor, Copilot en VS Code y Copilot CLI entre los clientes disponibles en el lanzamiento.

Las reglas de la beta:

• Plazas. Escribir fuera de tus propios borradores requiere una plaza Full; una plaza Dev solo puede escribir en borradores. Necesitas permiso de edición sobre el archivo y un plan Professional, Education, Organization o Enterprise.
• Precio. Gratis durante la beta. Figma dice que "con el tiempo se convertirá en una función de pago basada en el uso" y no ha dado un precio.
• Limitaciones. No hay creación de imágenes independiente, ni componentes que contengan imágenes o vídeo, ni GIFs. Las fuentes ya deben estar subidas a tu cuenta de Figma. Los componentes deben publicarse a mano antes de que Code Connect pueda mapearlos.
• Calidad. Figma describe el resultado como de calidad beta y te recomienda trabajar sobre un duplicado o un borrador y mantener una copia de seguridad.

Las demás herramientas de escritura son más limitadas. generate_figma_design captura una interfaz web en ejecución, ya sea producción, staging o localhost, como capas editables, lo que resulta útil para llevar un producto existente a Figma. generate_diagram dibuja diagramas de FigJam a partir de texto o Mermaid. send_code_to_figma importa un proyecto local como archivo de Figma Make.

Si use_figma no aparece en tu lista de herramientas, casi con seguridad tu cliente usa el servidor de escritorio, que no tiene herramientas de escritura.

Servidores de la comunidad

Antes de que Figma publicara su propio servidor, la comunidad cubrió ese hueco, y todavía hay dos proyectos que se usan mucho.

Framelink (GLips/Figma-Context-MCP, MIT, 16.205 estrellas) lee un archivo a través de la REST API de Figma con un token de acceso personal y simplifica la respuesta antes de que el modelo la vea. Probamos la versión 0.13.2 con MCP Inspector: lista dos herramientas, get_figma_data, marcada como de solo lectura, y download_figma_images. Con una clave de prueba, la llamada falló con isError en true y un enlace de solución de problemas, que es el comportamiento correcto para scripts. No puede escribir y está sujeta a los límites de la REST API; hay un issue abierto que reporta errores 429. Su configuración:

{
  "mcpServers": {
    "framelink": {
      "command": "npx",
      "args": ["-y", "figma-developer-mcp", "--figma-api-key=YOUR_KEY", "--stdio"]
    }
  }
}

TalkToFigma (grab/cursor-talk-to-figma-mcp, MIT, 7.108 estrellas) escribe a través de un plugin de Figma conectado a un servidor WebSocket local. Necesita Bun, el plugin de la comunidad ejecutándose en tu archivo y una llamada a join_channel para emparejarlos. Sin token y sin asiento Dev, lo que lo convirtió en la forma de conseguir acceso de escritura antes de que existiera use_figma. Su último push fue en julio de 2026.

También existen puentes más recientes. southleft/figma-console-mcp (MIT, 3.306 estrellas, con mantenimiento activo) afirma ofrecer 130 herramientas a través de su plugin Desktop Bridge. gethopp/figma-mcp-bridge (MIT, 919 estrellas) transmite el documento abierto a través de un plugin para evitar los límites de la REST API. Todavía no nos apoyaríamos en figwright: 1.402 estrellas en menos de cinco meses con tres watchers es un patrón que preferimos ver confirmado antes de recomendarlo.

Cuál usar: el servidor remoto oficial si tienes un asiento Full o Dev. Framelink si quieres un servidor local basado en token que solo lea; ten en cuenta que está sujeto a los límites de la propia REST API, que el proyecto de puente de gethopp describe como ajustados en los planes gratuitos. Un puente basado en plugin solo si necesitas escritura en un plan que use_figma no cubre, aceptando que el plugin tiene que permanecer abierto.

Seguridad

Un MCP server de Figma tiene una llave a tus archivos de diseño y, con use_figma, puede modificarlos.

• Escribe sobre copias. Hasta que confíes en un flujo, apunta el agente a un borrador o a un archivo duplicado. El historial de versiones de Figma puede restaurar un archivo, pero una copia limpia es más sencillo.
• Ten claro qué se comparte. El contexto de diseño, las capturas de pantalla y las variables se envían a tu proveedor de IA en cada llamada. Verifica que tu organización lo permita para los archivos en cuestión.
• Trata el texto de los archivos como datos. Los nombres de capas, los comentarios y el texto de un archivo llegan al modelo como texto. Un archivo de la comunidad compartido puede contener instrucciones dirigidas al agente.
• Mantén los tokens fuera de las configuraciones. Para Framelink, prefiere la variable de entorno FIGMA_API_KEY antes que una clave en args, y dale al token los scopes más acotados que Figma permita.

Más sobre estos riesgos en seguridad de MCP.

Cuando no funciona

Lo que ves	Causa	Solución
Funciona un rato y luego aparecen errores de límite de solicitudes	Límite de lectura de tu asiento y plan	Consulta la tabla de arriba; un asiento Full o Dev lo aumenta
No hay herramientas del servidor de escritorio	La app está cerrada, no hay ningún archivo de Design abierto o el servidor de escritorio está desactivado	Abre un archivo de Design, activa el modo Dev y "Enable desktop MCP server"
Falta use_figma o generate_figma_design	El cliente está conectado al servidor de escritorio	Conéctate a https://mcp.figma.com/mcp
Error de permisos en un enlace	No es un archivo de Design, FigJam o Make, o es de otra cuenta	Comprueba el tipo de enlace; ejecuta whoami
Los resultados se cortan o están incompletos	La selección es demasiado grande	Selecciona menos; usa get_metadata primero; aumenta MAX_MCP_OUTPUT_TOKENS en Claude Code
El agente devuelve código cuando querías tokens	Eligió la herramienta equivocada	Nombra la herramienta o pide "nombres y valores de variables"
Cuadros grises en lugar de imágenes	Los enlaces de recursos caducaron	Vuelve a obtener las imágenes, por ejemplo con download_assets
El cliente no puede conectarse en absoluto	El cliente no está en el catálogo de MCP de Figma	Usa un cliente de la lista

Los servidores de Figma de nuestro catálogo, con las puntuaciones de las comprobaciones y los comandos de instalación, aparecen al principio de esta página.