Repolode
Enviar
awdr74100

awdr74100/figwright

Servidor MCP gratuito y bidireccional para Figma que permite a agentes de programación convertir diseños en código y devolver diseños al lienzo.

Alternativa open source a:Figma Dev Mode MCP

Ver en GitHub
Estrellas
1,103
Forks
63
Issues abiertos
5
Último commit
hace 14 horas

¿Qué es?

Figwright conecta un servidor MCP con un plugin de Figma mediante un relay WebSocket local, para que agentes de IA como Claude Code, Cursor y Codex puedan leer y escribir en un archivo de Figma. Al leer, convierte una selección de Figma en código adaptado al framework y basado en el contexto del diseño, como la disposición, la tipografía, las variables y los componentes. Al escribir, puede crear y editar frames, texto, auto-layout, estilos, variables, componentes y pantallas completas directamente en el lienzo.

El servidor se ejecuta localmente junto con el plugin y funciona con el plan gratuito de Figma, porque utiliza la API del plugin en lugar de Dev Mode. Detecta el framework y el sistema de estilos del proyecto y, cuando es posible, reutiliza los componentes, tokens e iconos existentes. Se pueden conectar varios agentes a la vez y cada uno puede tomar control de su propio archivo de Figma abierto.

El proyecto se configura con un comando npx en la configuración de un cliente MCP y un plugin importado desde un archivo zip de una versión publicada. También incluye dos skills de agente que se pueden instalar, figma-codegen y figma-build, que guían los flujos de trabajo de lectura y escritura.

Funciones clave

  • 01Convierte una selección de Figma en código basado en el framework, el sistema de estilos y los componentes existentes.
  • 02Ofrece 121 herramientas MCP para leer y modificar el lienzo de Figma.
  • 03Crea y edita frames, texto, auto-layout, estilos, variables y componentes.
  • 04Se ejecuta localmente y el plugin solo utiliza la API pública de plugins de Figma.
  • 05Permite que varios agentes trabajen al mismo tiempo en distintos archivos de Figma abiertos.
  • 06Incluye un panel del plugin que registra cada llamada a una herramienta y muestra la carga útil enviada al modelo.

Casos de uso

  • Implementar un diseño de Figma como componente de React o de otro framework, sin una licencia de pago de Dev Mode.
  • Pedir a un agente de IA que cree una pantalla o sección en el lienzo de Figma a partir de una especificación escrita.
  • Mantener el código generado alineado con los tokens de diseño y las bibliotecas de componentes existentes.
  • Ejecutar varios agentes de programación en paralelo sobre distintos archivos de Figma.

Temas

#figma#mcp#design-to-code#code-generation#ai-agents#typescript#ai#claude-code#codegen#codex

Preguntas frecuentes

¿Qué es figwright?
Servidor MCP gratuito y bidireccional para Figma que permite a agentes de programación convertir diseños en código y devolver diseños al lienzo. Figwright conecta un servidor MCP con un plugin de Figma mediante un relay WebSocket local, para que agentes de IA como Claude Code, Cursor y Codex puedan leer y escribir en un archivo de Figma. Al leer, convierte una selección de Figma en código adaptado al framework y basado en el contexto del diseño, como la disposición, la tipografía, las variables y los componentes. Al escribir, puede crear y editar frames, texto, auto-layout, estilos, variables, componentes y pantallas completas directamente en el lienzo.
¿figwright es gratuito? ¿Qué licencia tiene?
figwright es open source bajo la licencia MIT. Revisa los términos de la licencia antes de usarlo en productos comerciales.
¿figwright sigue mantenido?
Mantenimiento activo. El último commit de figwright fue el 19 oct 2026.
¿Para qué puedo usar figwright?
Implementar un diseño de Figma como componente de React o de otro framework, sin una licencia de pago de Dev Mode. Pedir a un agente de IA que cree una pantalla o sección en el lienzo de Figma a partir de una especificación escrita. Mantener el código generado alineado con los tokens de diseño y las bibliotecas de componentes existentes. Ejecutar varios agentes de programación en paralelo sobre distintos archivos de Figma.
¿Dónde consigo figwright?
El código fuente y las instrucciones de instalación están en GitHub: https://github.com/awdr74100/figwright

Resumen generado por IA a partir del README del proyecto. Las estadísticas de GitHub se actualizan a diario.

Proyectos relacionados