Saltar al contenido

Figma MCP Server

Dale a Claude contexto de diseño en vivo de archivos de Figma y deja que escriba en el lienzo.

Oficialde FigmaAlojado o en tu computadoraVerificado el 18 de octubre de 2026

El servidor MCP de Figma le entrega a Claude contexto de diseño estructurado, como layout, variables, componentes y capturas, para que convierta frames en código fiel al diseño. El servidor alojado también puede crear y editar contenido nativo de Figma, y hay un servidor local integrado en la app de escritorio de Figma para organizaciones con necesidades enterprise específicas.

Para quién es

  • Diseñadores de producto y de UI
  • Desarrolladores frontend que convierten diseños en código
  • Equipos de sistemas de diseño

Prompts para probar

Cuando esté conectado, pide lo que quieras con tus palabras. Tu herramienta de IA decide cuándo usar el servidor y te pregunta antes de cambiar algo importante.

Prompt 1
Convierte el frame seleccionado de Figma en un componente React responsive que reutilice nuestros componentes Button y Card.
Prompt 2
Lista las variables de color y espaciado usadas en este frame y relaciónalas con nuestra configuración de Tailwind.
Prompt 3
Crea una nueva página de configuración en Figma que siga el layout y los componentes de nuestra página de perfil.

Cómo conectarlo en tu herramienta de IA

MCP es un estándar abierto, así que este servidor funciona en Claude, ChatGPT, Codex, Cursor, VS Code y más. Elige tu herramienta:

Lo más fácil: pega esto en Claude Code
Conecta por mí el servidor MCP de Figma MCP Server a Claude Code: ejecuta este comando: claude mcp add --transport http figma https://mcp.figma.com/mcp
Si un valor empieza por YOUR_, pídemelo primero. Cuando esté conectado, ayúdame a iniciar sesión si hace falta y muéstrame algo que pueda pedirle.

O hazlo tú mismo:

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

Escribe /mcp dentro de Claude Code, elige el servidor y pulsa Authenticate para iniciar sesión.

Dirección alojada: https://mcp.figma.com/mcp

Bueno saber

Ejecuta /mcp en Claude Code para iniciar sesión. Los planes Starter y los asientos View o Collab tienen un límite de unas 20 llamadas a herramientas al mes; el servidor de la app de escritorio corre en http://127.0.0.1:3845/mcp.

Desbloquea los pasos de configuración

Gratis. Deja tu email una vez para abrir los pasos de configuración de los 150 servidores y recibir cada mes los mejores conectores nuevos.

Sin spam. Te das de baja con un clic. Usamos tu correo para enviarte el curso y consejos de IA.

Cómo lo verificamos

Revisamos la documentación para desarrolladores de Figma (configuración remota y de escritorio, límites por plan y asiento), el repositorio figma/mcp-server-guide, la entrada del registro (com.figma.mcp/mcp) y la ficha del directorio de Claude; el endpoint alojado responde con un desafío OAuth.

Fuente: developers.figma.com/docs/figma-mcp-server/