Repolode
Enviar
silships

silships/figma-cli

Una CLI que permite a un asistente de IA crear y editar diseños reales y editables en tu aplicación local Figma Desktop, sin necesidad de una clave de API.

Alternativa open source a:Figma MCP

Ver en GitHub
Estrellas
1,084
Forks
130
Issues abiertos
29
Último commit
hace 14 días

¿Qué es?

figma-cli es un puente de línea de comandos entre asistentes de programación con IA, como Claude Code o Cursor, y la aplicación Figma Desktop. El asistente ejecuta comandos que crean frames, componentes, variantes y variables directamente en un archivo de Figma abierto, de modo que el resultado es contenido editable en Figma y no una imagen plana. Las conexiones se realizan localmente a través de Chrome DevTools Protocol, por lo que no se necesita un token de Figma API ni se hacen llamadas a la API REST en la nube de Figma.

La herramienta ofrece tres modos de conexión: Yolo, que aplica un pequeño parche a la aplicación de escritorio; Browser, que controla Figma en un navegador Chromium sin modificar la aplicación; y Safe, que usa un plugin de Figma incluido. Puede importar tokens de diseño desde archivos DESIGN.md, configuraciones de Tailwind, propiedades personalizadas de CSS, JSON de W3C Design Tokens y Storybook, y exportar el sistema de diseño de un archivo a DESIGN.md. Un comando `check` determinista compara un archivo abierto con una instantánea guardada e informa de discrepancias, problemas de vinculación de tokens y cambios de geometría, sin recurrir a un modelo.

Funciones clave

  • 01Crea y edita frames, componentes, variantes y variables reales de Figma desde un asistente de IA.
  • 02Se conecta localmente a Figma Desktop mediante CDP, sin clave de API ni límites de solicitudes.
  • 03Importa tokens de diseño desde DESIGN.md, configuraciones de Tailwind, variables de CSS y JSON de W3C Design Tokens.
  • 04Exporta el sistema de diseño de un archivo de Figma a DESIGN.md, incluidos los modos y alias de variables.
  • 05Incluye un comando `check` determinista que detecta discrepancias y colores codificados sin vincular en CI.

Casos de uso

  • Crear pantallas de interfaz en Figma describiéndolas a Claude Code o Cursor.
  • Sincronizar los tokens de diseño de una marca desde un repositorio de código con un archivo de Figma.
  • Documentar o transferir un sistema de diseño entre archivos de Figma.
  • Ejecutar comprobaciones automatizadas del sistema de diseño para detectar discrepancias y verificar la vinculación de tokens en integración continua.

Inicio rápido

  1. 1

    Instala Figma Desktop y ábrelo

  2. 2

    Descarga el proyecto figma-cli desde GitHub (o clónalo) y abre una terminal en su carpeta

  3. 3

    Instala las dependencias de la CLI (requiere Node 18 o una versión posterior)

    npm install
  4. 4

    En Claude Code, abierto en la carpeta del proyecto, escribe "connect to Figma"

Antes de usarlo

  • Figma Desktop debe estar instalado y abierto; en el modo predeterminado no funciona solo con figma.com.
  • El modo Yolo predeterminado aplica un parche a la aplicación Figma Desktop, y en macOS puede ser necesario concederle el permiso de Gestión de apps.
  • Requiere Node.js 18 o una versión posterior y un asistente de programación con IA, como Claude Code o Cursor.

Temas

#figma#design-tokens#claude-code#cursor#design-system#cli#ai-agent

Preguntas frecuentes

¿Qué es figma-cli?
Una CLI que permite a un asistente de IA crear y editar diseños reales y editables en tu aplicación local Figma Desktop, sin necesidad de una clave de API. figma-cli es un puente de línea de comandos entre asistentes de programación con IA, como Claude Code o Cursor, y la aplicación Figma Desktop. El asistente ejecuta comandos que crean frames, componentes, variantes y variables directamente en un archivo de Figma abierto, de modo que el resultado es contenido editable en Figma y no una imagen plana. Las conexiones se realizan localmente a través de Chrome DevTools Protocol, por lo que no se necesita un token de Figma API ni se hacen llamadas a la API REST en la nube de Figma.
¿figma-cli es gratuito? ¿Qué licencia tiene?
figma-cli es open source bajo la licencia MIT. Revisa los términos de la licencia antes de usarlo en productos comerciales.
¿figma-cli sigue mantenido?
Mantenimiento activo. El último commit de figma-cli fue el 7 oct 2026.
¿Para qué puedo usar figma-cli?
Crear pantallas de interfaz en Figma describiéndolas a Claude Code o Cursor. Sincronizar los tokens de diseño de una marca desde un repositorio de código con un archivo de Figma. Documentar o transferir un sistema de diseño entre archivos de Figma. Ejecutar comprobaciones automatizadas del sistema de diseño para detectar discrepancias y verificar la vinculación de tokens en integración continua.
¿Cómo se instala figma-cli?
Instala Figma Desktop y ábrelo Descarga el proyecto figma-cli desde GitHub (o clónalo) y abre una terminal en su carpeta Instala las dependencias de la CLI (requiere Node 18 o una versión posterior): npm install En Claude Code, abierto en la carpeta del proyecto, escribe "connect to Figma"
¿Dónde consigo figma-cli?
El código fuente y las instrucciones de instalación están en GitHub: https://github.com/silships/figma-cli

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

Proyectos relacionados