Desenhar no Figma, entregar, ver o código divergir, corrigir, repetir. Quebrei esse ciclo desenhando direto no código.
Um design system que é fonte única de verdade visual: multi-marca, dark e light na mesma base, web e app. O motor por trás do Taiq e dos meus produtos.
O atrito que se repetia
Sou designer que constrói, e construir esbarrava sempre no mesmo atrito: desenhar telas estáticas no Figma, entregar pro código, ver a implementação divergir do design, corrigir, repetir. Cada produto começava do zero e a identidade visual se perdia no caminho entre a tela desenhada e a tela que ia pro ar.
A virada
Começar pelos tokens, não pelos componentes
Não comecei pelos componentes. Comecei pelos tokens: cor, espaço, tipografia e raio como decisões centralizadas, com uma camada de temas resolvendo cada marca. Só em cima disso vieram as dezenas de componentes, que já nascem dentro da identidade. Storybook como vitrine viva, pra ver e testar cada peça isolada.
Troco a marca e o sistema inteiro se adapta
Design tokens na base, camada de temas por cima, componentes web e app que consomem tudo isso. Troco a marca e o sistema inteiro se adapta. Ligo o dark e cada componente responde na hora, sem ninguém redesenhar nada na mão.
Infraestrutura de design que roda como software
Construído em código, versionado, publicado como pacote. Não é um arquivo de Figma que alguém precisa lembrar de manter atualizado na mão.
Quase não abro mais o Figma
É o motor por trás do Taiq e dos meus produtos. Em vez de arrastar telas por horas, construo em tempo real, já dentro da identidade. Quase não abro mais o Figma, e isso não era o plano. Foi o que aconteceu.