Conector Claude FigmaLo que Claude sabe hacer en tu cuenta de Figma.
El conector Claude Figma expone 9 herramientas. 7 leen tus archivos, desde la estructura de capas hasta las variables, 1 añade un diagrama en FigJam y 1 aparece descrita sin un efecto claro de lectura o escritura. Aquí: qué saca Claude de Figma, qué produce y dónde se queda corto.
Reseñas verificadas en Trustpilot · Agencia de IA, automatización y growth
Qué cambia el conector Claude Figma entre diseño y código
Un desarrollador de una startup recibe en Figma la pantalla definitiva del panel de facturación y tiene que llevarla al código del producto. En lugar de medir cada margen y copiar colores a mano, pega el enlace del frame en Claude. Claude lee el diseño, las variables y los componentes directamente del archivo y propone un código fiel a lo que dibujó la diseñadora.
Partir del diseño real, no de una captura. get_design_context recupera el contexto de diseño de una capa o una selección, entregado por defecto en React con Tailwind, y puedes pedir otra tecnología en tu mensaje. En una página muy cargada, get_metadata da antes un esquema ligero de capas (nombres, tipos, posiciones y tamaños) para que Claude solo busque estilos donde hacen falta.
No salirse del design system. get_variable_defs enumera los tokens de color, espaciado y tipografía de una selección, y get_code_connect_map le dice a Claude qué instancias de Figma ya corresponden a un componente de tu código. El resultado reutiliza tu botón de siempre en vez de inventar otro.
Bocetar un flujo en FigJam con una frase. Describe un proceso de alta o un calendario de lanzamiento y generate_diagram lo dibuja en FigJam como diagrama de flujo, de Gantt, de estados o de secuencia, en un tablero nuevo o en uno existente.
Lo que la ficha de Claude no ofrece: las herramientas de edición del lienzo que Figma documenta en otras páginas, las que construyen frames y componentes dentro de un archivo de diseño, no están hoy en su lista. get_screenshot solo devuelve una descripción de la imagen cuando la llama Claude. Y nada arranca solo: ninguna herramienta reacciona cuando se publica un cambio. Para ese tipo de disparador, encaja mejor la Integración Figma n8n o la Integración Figma Make.
El vocabulario en un minuto
- Conector
- El enlace que configuras una sola vez entre Claude y una cuenta que ya tienes, para que trabaje en ella mientras te responde.
- Herramienta
- Una acción con nombre que el conector abre a Claude. Claude escoge por su cuenta las que necesita; el directorio las lista por su nombre.
- Autorización
- La pantalla de acceso de la propia Figma, donde le das a Claude el acceso que usará después. Se concede una vez por persona y se puede retirar.
- Aprobación
- La confirmación que Claude espera en la conversación antes de seguir con algo que alteraría tu cuenta.
- MCP
- El estándar común de los conectores: la pieza que permite a un asistente como Claude hablar con un servicio externo como Figma.
Conectar Figma a Claude en tres pasos
- 01
Busca Figma en Claude
Abre los ajustes de Claude, entra en Customize y luego en Connectors, y localiza Figma en la lista. En un espacio Team o Enterprise, un Owner o un Primary Owner debe activar antes el conector; después cada miembro se conecta por su lado.
- 02
Lanza la conexión
Pulsa Connect en la fila de Figma e inicia sesión en la ventana que abre la propia Figma. Si la conexión falla algún día, elige Disconnect y vuelve a conectar desde la misma lista.
- 03
Revisa la pantalla de autorización
Lee la pantalla de autorización de Figma antes de aceptar. Pertenece a Figma, no a Claude, y es la que define qué cubre el acceso. También puedes retirarlo más adelante desde tu cuenta de Figma.
Las 9 herramientas, según lo que hacen
Figma le da a Claude 9 herramientas: 7 que leen tu cuenta, 1 que cambian algo en ella, y 1 que ninguna fuente oficial describe.
Tres grupos: lo que Claude lee de tus archivos, lo que añade a FigJam y una herramienta que ninguna fuente sitúa en lectura ni en escritura. Los nombres quedan tal como los muestra Claude.
- 7 lectura
- 1 escritura
- 1 sin documentar
Lo que Claude lee (7)
7 herramientasSiete herramientas que sacan contexto de Figma sin tocar tus archivos.
get_design_context
Lee una capa o tu selección y entrega lo que un desarrollador necesita para reproducirla: estructura, estilos y maquetación, en React con Tailwind salvo que pidas otra cosa.
get_screenshot
Hace una captura de tu selección para que el código conserve la misma maquetación que el diseño.
get_metadata
Devuelve un esquema escueto de tu selección en XML: identificadores, nombres, tipos, posiciones y tamaños de las capas, sin estilos. Luego Claude puede centrarse en las zonas que importan.
get_variable_defs
Enumera las variables y estilos de los que depende una selección, como colores, espaciados y escalas tipográficas, para que el código apunte a tus tokens y no a valores sueltos.
get_code_connect_map
Para cada instancia de componente de tu selección, le indica a Claude a qué componente de tu código equivale, según tu configuración de Code Connect.
get_figjam
Trae un diagrama de FigJam como metadatos XML, parecido al esquema de diseño, e incluye capturas de los nodos, para que un boceto de arquitectura alimente el desarrollo.
whoami
Le dice a Claude quién ha iniciado sesión en Figma: el correo, los planes de Figma a los que pertenece la cuenta y el puesto que ocupa en cada uno.
Lo que Claude añade (1)
1 herramientaUna herramienta que deja algo nuevo en FigJam. Ninguna fuente describe una confirmación propia: rige la regla general de más abajo.
generate_diagram
Aprobación: ver la reglaDibuja un diagrama de FigJam a partir de una descripción en lenguaje corriente o de sintaxis Mermaid: flujo, Gantt, estados o secuencia. No necesitas escribir la sintaxis tú, y el diagrama aparece en un archivo de FigJam nuevo o en uno que ya tengas.
Sin clasificar (1)
1 herramientaFigma la describe, pero ninguna fuente dice si lee o escribe algo, así que la dejamos sin clasificar.
create_design_system_rules
Figma la presenta como una instrucción que prepara un archivo de reglas para alinear el código generado con tu design system. Ninguna fuente dice si lee o toca tu cuenta, así que esta página no la coloca en ninguno de los dos grupos.
Lo que Claude te pide antes de actuar
Por defecto, Claude se detiene y te pide conformidad antes de cada acción que realiza en una cuenta por ti. La petición aparece en la conversación cuando importa.
En un espacio Team o Enterprise, los propietarios deciden si un miembro puede dejar pasar ciertas acciones sin que se le pregunte cada vez. También pueden limitar lo que un conector puede hacer en toda la organización, por ejemplo manteniendo la lectura y cerrando la escritura, y esa decisión vale para todos. Claude trabaja además con tus permisos de Figma y nada más: un archivo que tú no puedes abrir, él tampoco. La etiqueta oficial de lectura o escritura por herramienta solo se ve en los ajustes de una cuenta conectada; por eso esta página clasifica las herramientas solo con fuentes publicadas.
En qué planes está disponible
De las 819 fichas del directorio oficial, ninguna indica disponibilidad por plan. Esa respuesta conector por conector no está publicada en ninguna parte: es un hueco real del catálogo.
Lo público es la regla general: los conectores remotos están abiertos a todos los usuarios en Claude, Cowork, Claude Desktop y el móvil. En Team y Enterprise, un Owner o un Primary Owner activa el conector para la organización antes de que los miembros puedan conectarse. Los puestos y planes de Figma son otro asunto, que gestiona Figma. Para el estado actual de este conector, consulta su ficha en el directorio oficial.
Dónde se detiene el conector Claude Figma
Un conector no es una automatización. Claude llama a estas herramientas mientras te responde: nada arranca cuando una diseñadora publica una biblioteca o comenta un frame.
Solo Figma documenta este conector: ningún artículo de ayuda de Claude lo trata, así que estos límites salen de las páginas de Figma y de la ficha del directorio. La lista de herramientas es un suelo observado, no una promesa, porque un administrador puede abrir acciones que no figuran en ninguna ficha pública. La insignia de socio del directorio no es una auditoría de seguridad, y Anthropic recuerda en cada ficha que no elige las herramientas de un editor ni garantiza cómo se comportan. El hub de Integraciones recoge las demás formas de conectar Figma.
¿Necesitas ayuda para conectar Figma con Claude?
Una persona lee cada mensaje.
