Communitygithub.com

petrkry/figma-build-design-skill

Habilidade de agente para construir telas do Figma através do seu sistema de design — priorizando bibliotecas via Figma MCP, sem redesenho manual. Funciona com Claude, Codex e Cursor.

O que é figma-build-design-skill?

Esta habilidade capacita agentes de IA (Claude, Codex, Cursor) a construir telas e componentes do Figma de forma automatizada, utilizando seu design system existente como base. Ao contrário de métodos manuais, ela opera através do protocolo MCP (Model Context Protocol) do Figma, permitindo que o agente leia e aplie diretamente os tokens, estilos e componentes do seu sistema de design. É útil para desenvolvedores e designers que desejam acelerar a criação de protótipos e interfaces consistentes, evitando redesenho e erros de implementação. A habilidade funciona integrando-se ao Figma via sua API MCP, interpretando as bibliotecas de design e gerando os elementos correspondentes na tela. Suporta as plataformas Claude, Codex e Cursor, garantindo flexibilidade no fluxo de trabalho do usuário.

Funciona com✓Claude Code✓Codex CLI✓Cursor
npx skills add petrkry/figma-build-design-skill

Perguntar na sua IA favorita

Abre um novo chat com esta habilidade de agente já pré-carregada.

Documentação

O que figma-build-design-skill faz?

Habilidade de agente para construir telas do Figma através do seu sistema de design — priorizando bibliotecas via Figma MCP, sem redesenho manual. Funciona com Claude, Codex e Cursor.

Habilidades Relacionadas