A
securityF
licenseA
qualityEnables seamless interaction with Figma via the Model Context Protocol, allowing LLM applications to access, manipulate, and track Figma files, components, and variables.
Last updated -
2
106
TypeScript
Otorgue a Cursor y otras herramientas de codificación impulsadas por IA acceso a sus archivos Figma con este servidor de protocolo de contexto de modelo .
Cuando Cursor tiene acceso a los datos de diseño de Figma, es mucho mejor para crear diseños de una sola pasada con precisión que con enfoques alternativos como pegar capturas de pantalla.
Manifestación
Vea una demostración de cómo crear una interfaz de usuario en Cursor con datos de diseño de Figma
Cómo funciona
- Abra el chat de su IDE (por ejemplo, el modo agente en Cursor).
- Pegar un enlace a un archivo, marco o grupo de Figma.
- Pídale a Cursor que haga algo con el archivo Figma (por ejemplo, implementar el diseño).
- El cursor obtendrá los metadatos relevantes de Figma y los usará para escribir su código.
Este servidor MCP está diseñado específicamente para su uso con Cursor. Antes de responder con el contexto de la API de Figma , simplifica y traduce la respuesta para que solo se proporcione al modelo la información de diseño y estilo más relevante.
Reducir la cantidad de contexto proporcionado al modelo ayuda a que la IA sea más precisa y las respuestas más relevantes.
Empezando
Muchos editores de código y otros clientes de IA utilizan un archivo de configuración para administrar servidores MCP.
El servidor figma-developer-mcp se puede configurar agregando lo siguiente a su archivo de configuración.
NOTA: Necesitará crear un token de acceso a Figma para usar este servidor. Puede encontrar instrucciones sobre cómo crear un token de acceso a la API de Figma aquí .
MacOS / Linux
Ventanas
O puede configurar FIGMA_API_KEY y PORT en el campo env .
Si necesita más información sobre cómo configurar el servidor MCP de Framelink Figma, consulte la documentación de Framelink .
Historia de las estrellas
Más información
El servidor MCP de Framelink para Figma es sencillo pero potente. Sáquele el máximo provecho aprendiendo más en el sitio web de Framelink .
Patrocinadores
🥇 Patrocinadores Oro
🥈 Patrocinadores Plata
🥉 Patrocinadores Bronce
😻 Patrocinadores más pequeños
This server cannot be installed
remote-capable server
The server can be hosted and run remotely because it primarily relies on remote services or has no dependency on the local environment.
Permite que Cursor acceda a los archivos Figma a través del Protocolo de contexto de modelo, lo que mejora su capacidad para interpretar y utilizar con precisión los datos de diseño para la generación de código.
Related Resources
Related MCP Servers
- AsecurityAlicenseAqualityAn MCP server integration that enables Cursor AI to communicate with Figma, allowing users to read designs and modify them programmatically through natural language commands.Last updated -192,5143,528JavaScriptMIT License
- -securityAlicense-qualityA Model Context Protocol server that integrates Figma design files with AI coding tools like Cursor, Windsurf, and Cline, allowing AI tools to access and understand Figma design data for generating more accurate code.Last updated -1246TypeScriptMIT License
- AsecurityFlicenseAqualityA tool that integrates Figma with Cursor through the Model Context Protocol, allowing users to retrieve, optimize, and convert design data from Figma files into structured CSS and design tokens.Last updated -1JavaScript