·figma-integration
*

figma-integration

duongdev/ccpm

Guía el flujo de trabajo de diseño a código mediante la integración de Figma. Ayuda a extraer diseños, analizar componentes y generar especificaciones de implementación. Se activa automáticamente cuando los usuarios mencionan las URL de Figma, la implementación del diseño, la conversión de componentes o los flujos de trabajo de diseño a código. Funciona con los comandos /ccpm:plan, design-approve, design-refine y /ccpm:figma-refresh.

8Instalaciones·0Tendencia·@duongdev

Instalación

$npx skills add https://github.com/duongdev/ccpm --skill figma-integration

SKILL.md

Transform Figma designs into implementation-ready specifications with CCPM's design-to-code workflow.

Start the design process by attaching Figma links to your Linear issue:

Integration: Works with /ccpm:plan and /ccpm:figma-refresh commands MCP Servers: Figma MCP (figma-repeat, figma-trainer-guru, etc.) Linear Integration: Stores designs and specs in Linear Documents Shared Module: Uses shared-figma-detection.md for link detection

Guía el flujo de trabajo de diseño a código mediante la integración de Figma. Ayuda a extraer diseños, analizar componentes y generar especificaciones de implementación. Se activa automáticamente cuando los usuarios mencionan las URL de Figma, la implementación del diseño, la conversión de componentes o los flujos de trabajo de diseño a código. Funciona con los comandos /ccpm:plan, design-approve, design-refine y /ccpm:figma-refresh. Fuente: duongdev/ccpm.

Ver original

Datos (listos para citar)

Campos y comandos estables para citas de IA/búsqueda.

Comando de instalación
npx skills add https://github.com/duongdev/ccpm --skill figma-integration
Categoría
*Creatividad
Verificado
Primera vez visto
2026-02-01
Actualizado
2026-02-18

Respuestas rápidas

¿Qué es figma-integration?

Guía el flujo de trabajo de diseño a código mediante la integración de Figma. Ayuda a extraer diseños, analizar componentes y generar especificaciones de implementación. Se activa automáticamente cuando los usuarios mencionan las URL de Figma, la implementación del diseño, la conversión de componentes o los flujos de trabajo de diseño a código. Funciona con los comandos /ccpm:plan, design-approve, design-refine y /ccpm:figma-refresh. Fuente: duongdev/ccpm.

¿Cómo instalo figma-integration?

Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.) Copia y ejecuta este comando: npx skills add https://github.com/duongdev/ccpm --skill figma-integration Una vez instalado, el skill se configurará automáticamente en tu entorno de programación con IA y estará listo para usar en Claude Code o Cursor

¿Dónde está el repositorio de origen?

https://github.com/duongdev/ccpm