Design System com IA
De cor e fonte a uma biblioteca de componentes pronta no Figma — sem desenhar cada peça na mão.
Montar design system do zero é trabalho repetido a cada projeto.
Montar um design system do zero para cada novo projeto ou cliente consome um tempo que poderia estar em decisões de produto — e boa parte desse trabalho é repetitivo entre um projeto e outro.
De cor e fonte a componentes prontos direto no Figma.
Construí uma ferramenta que recebe como entrada as cores e fontes de uma marca e devolve os componentes de design system já gerados a partir delas. Em seguida, desenvolvi um plugin de Figma que lê o JSON exportado por essa ferramenta e cria todos os componentes automaticamente na biblioteca do Figma — sem copiar e colar peça por peça.
Fluxo da ferramenta
Quatro passos guiados — cores, fontes, espaçamento e componentes — cada um com prévia em tempo real, até chegar num pacote de tokens pronto para exportar ou importar direto no Figma.
1. Cores — escala de tons gerada da marca
2. Fontes — prévia de tipografia ao vivo
3. Espaçamento — escala gerada a partir da base
4. Componentes — identidade aplicada de ponta a ponta
Exportação — tokens prontos para o plugin de Figma