Figma Context MCP
Acerca de este servidor
Un servidor MCP que proporciona datos de diseño de Figma a los agentes de código. Permite a herramientas como Cursor implementar diseños de una sola vez, con mucha más precisión que las capturas.
Instalación
npx -y figma-developer-mcp --figma-api-key=<key> --stdioPreguntas frecuentes
¿Cómo mejora Figma Context MCP la fidelidad del diseño al código?
En lugar de capturas, lee metadatos de diseño (layout, colores, tipografía) de la API de Figma, los simplifica y los entrega al modelo. Con valores exactos en vez de adivinar píxeles, la precisión de implementación en un solo intento mejora notablemente.
¿Cómo configuro Figma Context MCP en Cursor?
Genera un token de acceso personal en los ajustes de tu cuenta de Figma y añade npx -y figma-developer-mcp --figma-api-key=<key> --stdio a la configuración MCP de Cursor. Para usarlo, pega un enlace de archivo o selección de Figma a la IA.
¿Necesito un plan de pago de Figma para usar Figma Context MCP?
No. El servidor es gratuito y de código abierto (MIT), y una cuenta gratuita de Figma puede generar tokens API para leer sus propios archivos. Mientras puedas ver el archivo objetivo, la IA podrá leer sus datos de diseño.