Communitygithub.com

figma/figma-create-design-system-rules

Gere regras de design system específicas para projetos em fluxos de Figma-para-código.

O que é figma-create-design-system-rules?

Este skill gera regras personalizadas de design system para fluxos de trabalho que envolvem conversão de designs do Figma em código. É útil para desenvolvedores e designers que precisam garantir consistência entre o design e a implementação, automatizando a criação de regras que refletem exatamente os componentes, estilos e padrões do projeto. O skill funciona analisando o contexto do projeto e criando regras que podem ser usadas por ferramentas de Figma-to-code (como Cursor, Codex ou Claude Code) para manter a fidelidade visual e lógica. Ele suporta a definição de tokens de design, nomenclatura de componentes, spacing, cores, tipografia e outros aspectos do design system diretamente no código.

Funciona com~Claude Code~Codex CLI~Cursor
npx skills add figma/figma-create-design-system-rules

Perguntar na sua IA favorita

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

Documentação

O que figma-create-design-system-rules faz?

Gere regras de design system específicas para projetos em fluxos de Figma-para-código.

Habilidades Relacionadas