claude-code-design-skills

Diseñadores y equipos de front-end que pasan pantallas de Figma a desarrolladores.

Recomendadonuestra valoración
40estrellas en GitHub
MITlicencia
hace 4 díasúltima actualización

Úsalo ahora

Abrir enClaude ChatGPT Gemini Perplexity

git clone https://github.com/scoobynko/claude-code-design-skills.git

Descargar ZIP Abrir el original ↗

Software de terceros. Al copiarlo, descargarlo o instalarlo aceptas el aviso legal de la Academy: eres responsable de revisar su código y sus permisos antes de usarlo.

README.md

Cargando el archivo...

Qué hace

Un conjunto de skills para Claude Code que convierten el trabajo de diseño en código de front-end. La skill Figma to Code genera componentes de React o Next.js a partir de diseños de Figma, reutiliza componentes existentes, asocia las variantes de Figma con las props del código y usa TypeScript. Necesita el servidor MCP de Figma para leer el archivo de diseño.

Casos de uso

01Convertir un frame de Figma en un componente de React
02Asociar variantes de Figma con props del componente
03Reutilizar componentes existentes en una pantalla nueva

Preguntas sobre
claude-code-design-skills.

¿Para qué sirve claude-code-design-skills?

Diseñadores y equipos de front-end que pasan pantallas de Figma a desarrolladores. Un conjunto de skills para Claude Code que convierten el trabajo de diseño en código de front-end. La skill Figma to Code genera componentes de React o Next.js a partir de diseños de Figma, reutiliza componentes existentes, asocia las variantes de Figma con las props del código y usa TypeScript. Necesita el servidor MCP de Figma para leer el archivo de diseño.

¿Cómo instalo claude-code-design-skills?

Ejecuta en tu terminal: git clone https://github.com/scoobynko/claude-code-design-skills.git

¿claude-code-design-skills es de código abierto?

Sí. El código está publicado en GitHub (scoobynko/claude-code-design-skills) con licencia MIT.

¿Es seguro usar claude-code-design-skills?

Superó nuestro análisis automático de robo de credenciales, instrucciones ocultas y comandos de instalación peligrosos. Software de código abierto de terceros. Sabemos AI no lo mantiene. Revisa el código y los permisos antes de conectarlo a datos de la empresa.

Recursos relacionados

Leer la guía: Sistemas de contenido de marketing con IA ↗