El servidor MCP de Figma incorpora información contextual de tus archivos de Figma Design, Figma Make y FigJam directamente en tu entorno de desarrollo, lo que mejora tus flujos de trabajo y mantiene la consistencia entre tu código y los componentes de diseño.
Figma tiene un servidor MCP remoto de Figma y un servidor MCP de escritorio de Figma. Ambos servidores vienen con muchas de las mismas herramientas geniales, pero hay algunas diferencias menores que notaremos a continuación.
El servidor MCP que elijas utilizar dependerá principalmente de tus flujos de trabajo de diseño y desarrollo.
Servidor remoto MCP de Figma
Elige el servidor remoto MCP de Figma si:
- Utilizas Figma principalmente en tu navegador web.
- No puedes utilizar la app de Figma para escritorio.
- Prefieres copiar enlaces a tus marcos y capas y pegarlos en tu herramienta de desarrollo agéntica (como VS Code, Claude Code, Cursor y Windsurf).
- No es necesario utilizar ninguna herramienta que solo esté disponible con el servidor MCP de escritorio de Figma.
El servidor MCP remoto de Figma te permite conectarte directamente a un servidor MCP alojado por Figma. Dado que el servidor MCP está alojado de forma remota por Figma, el servidor MCP remoto es una excelente opción si prefieres utilizar Figma en el navegador o si no puedes utilizar la app de Figma para escritorio.
Compartir contexto
El servidor MCP remoto de Figma funciona mediante enlaces. Esto significa que necesitas proporcionar una URL como contexto, para que tu herramienta de desarrollo agéntica pueda comprender lo que le estás pidiendo que evalúe.
Para proporcionar contexto con el servidor remoto MCP:
- Copia la URL del archivo desde la barra de direcciones sin seleccionar nada (esto proporcionará el contexto de todo el archivo Figma Design o Figma Make).
- O haz clic derecho en una capa y selecciona Copiar enlace a la selección (esto proporcionará solo el contexto de ese objeto).
- Pega la URL en tu herramienta de desarrollo agéntica.
- Escribe una indicación o utiliza una de las herramientas del servidor MCP.
Servidor MCP de escritorio de Figma
Elige el servidor MCP de escritorio de Figma de Figma si:
- Utilizas principalmente la app de Figma para escritorio
- Prefieres seleccionar capas y marcos en la app de escritorio para que tus herramientas de desarrollo agénticas tomen el contexto de la selección
- El servidor MCP remoto no es compatible con una herramienta que es importante para tu flujo de trabajo
Para utilizar el servidor MCP de Figma, necesitarás la app de Figma para escritorio. Puedes descargar la app de Figma para escritorio aquí. Si ya tienes instalada la app de escritorio, asegúrate de actualizarla a la última versión.
Compartir contexto
El servidor MCP de Figma funciona según la selección. Esto significa que puede comprender el contexto de tus indicaciones según las capas que hayas seleccionado en tus archivos de Figma Design. Si lo prefieres, también puedes utilizar enlaces para proporcionar contexto.
Para proporcionar contexto al servidor MCP de escritorio de Figma:
- Selecciona cualquier objeto en tu archivo de Figma Design
- Envía indicaciones en tu herramienta de desarrollo agéntica
Compara la disponibilidad de herramientas
Después de configurar el servidor MCP de Figma, podrás utilizar varias herramientas desde tus herramientas de desarrollo agénticas favoritas. Estas herramientas compartirán el contexto de tu selección (cuando utilices el servidor MCP de escritorio) o el enlace a un archivo o capa específico (cuando utilices el servidor MCP remoto) con tu cliente MCP.
La mayoría de las herramientas están disponibles tanto en los servidores MCP de escritorio como en los remotos de Figma. Actualmente, algunas herramientas pueden estar disponibles solo en uno de los servidores MCP.
Utiliza el comando de herramientas en tu herramienta agéntica para ver la lista completa de herramientas disponibles, y consulta nuestra documentación para desarrolladores para obtener la información más actualizada.
Conecta el servidor MCP a tu editor
Tanto los servidores MCP remotos como los de escritorio de Figma funcionan con una amplia variedad de herramientas de desarrollo agénticas. Sigue las instrucciones de tu editor específico para conectarte al servidor MCP de Figma, ya sea de forma local o remota:
| Cliente | Soporte para servidores de escritorio |
Soporte para servidores remotos |
| Amazon Q | ✓ |
|
| Android Studio | ✓ |
✓ |
| Claude Code | ✓ |
✓ |
| Codex de OpenAI | ✓ |
✓ |
| Cursor | ✓ |
✓ |
| Gemini CLI | ✓ |
✓ |
| Kiro | ✓ |
|
| OpenHands | ✓ |
|
| Replit |
|
✓ |
| VS Code | ✓ |
✓ |
| Warp | ✓ |
✓ |
Consejo: Para obtener la lista más reciente de editores y clientes compatibles, consulta nuestro Catálogo MCP.
Ten en cuenta que la herramienta de desarrollo agéntica que utilices, y los modelos que las impulsan, son los que producen el resultado final del código, no el servidor MCP de Figma. Es posible que desees probar varias herramientas cliente MCP para ver cuál te ofrece los mejores resultados.