ASD

Figma Context

GLipsFigma-Context-MCP

Conecta agentes de código como Cursor con archivos de Figma para que implementen diseños UI a partir de datos reales de layout, no capturas de pantalla.

stdio
SolicitaFIGMA_API_KEYPORT
Estrellas
15.6k

del repositorio

Actualizado
hace 7 días

último commit

Herramientas

no documentadas

Transporte
stdio

cómo conecta

Forks
1.2k
Issues
21

abiertos

Instalación

npx -y figma-developer-mcp --figma-api-key=YOUR-KEY --stdio

Qué es Figma Context

Framelink MCP para Figma es un servidor que da a Cursor y otras herramientas de codificación con IA acceso directo a los datos de tus archivos de Figma. En lugar de que el agente adivine el diseño a partir de una captura de pantalla, obtiene la metadata real de layout y estilos, lo que según el README hace que implemente interfaces con mucha más precisión en un solo intento.

El flujo de trabajo es simple: pegas el enlace a un archivo, frame o grupo de Figma en el chat del agente, y le pides que implemente ese diseño. El servidor consulta la API de Figma, simplifica y traduce la respuesta para quedarse solo con la información de layout y estilo más relevante, y así reduce el contexto que recibe el modelo.

Para configurarlo hace falta un access token personal de Figma. Se añade como servidor MCP en el archivo de configuración del editor, ejecutándolo vía npx con el flag --figma-api-key y --stdio, o definiendo la variable FIGMA_API_KEY (y opcionalmente PORT) en el entorno.

Qué le permite hacer a tu agente

  • Obtiene metadata de layout y estilos desde archivos, frames o grupos de Figma vía la API de Figma
  • Simplifica y traduce la respuesta de la API para reducir el contexto enviado al modelo
  • Permite que el agente implemente diseños de Figma en código en un solo intento

Úsalo cuando

  • Quieres que Cursor u otro agente de codificación implemente una interfaz a partir de un diseño de Figma
  • Necesitas pasar datos reales de layout en vez de capturas de pantalla para mejorar la precisión del código generado

Antes de conectarlo

Este servidor lee sus credenciales del entorno. Tenlas a mano antes de añadirlo a tu cliente MCP.

Variables de entorno:FIGMA_API_KEYPORT

Detalles

Publicado por
GLips
Categoría
Diseño y UI
Licencia
MIT
Versión
v0.13.2
Transporte
stdio

Etiquetas

  • figma
  • diseño-a-código
  • cursor
  • frontend

¿Este servidor es tuyo? Reclama el listado para corregir cualquier dato, añadir un logo y enlazar tu documentación.

Más servidores de Diseño y UI

Penpot

58.5k

Conecta agentes de IA con Penpot, la plataforma de diseño open source, para que puedan leer y trabajar sobre archivos de diseño reales.

Último commit
anteayer
diseno ui

Conecta un LLM como Claude con Blender para crear, modificar e inspeccionar escenas 3D mediante un servidor de sockets y ejecución de código Python.

Herramientas expuestas
1 herramienta
Transporte
stdio
Último commit
hace 3 días
Credenciales
diseno ui

Conecta agentes de IA como Cursor con Figma vía WebSocket para leer y modificar diseños, textos, componentes y prototipos de forma programática.

Herramientas expuestas
12 herramientas
Transporte
stdio
Último commit
hace 19 días
diseno ui

Ver toda la categoría →