Criação de um design system do zero para uma empresa de healthtech com 3 produtos diferentes e 8 designers. O sistema precisava ser flexível o suficiente para acomodar as particularidades de cada produto, mantendo consistência e identidade de marca.
Com 3 produtos crescendo em paralelo e 8 designers trabalhando de forma descentralizada, o resultado era uma proliferação de componentes duplicados, inconsistências visuais entre produtos e handoffs caóticos para engenharia.
Um audit revelou 340+ componentes únicos nos arquivos Figma, sendo que 60% eram variações de apenas 20 componentes base. A equipe de engenharia mantinha 3 bibliotecas de componentes separadas, sem sincronia com o design.
Processo colaborativo que envolveu designers e engenheiros desde o início, garantindo que o sistema fosse adotado por todos os times.
Audit & Inventário
Levantamento de todos os componentes existentes, identificação de padrões e priorização por frequência de uso.
Fundação
Definição de tokens de design (cores, tipografia, espaçamento, sombras) e documentação de princípios.
Componentes Core
Criação dos 40 componentes core com variantes, estados e documentação de uso no Figma e Zeroheight.
Adoção & Governança
Onboarding dos times, definição de processo de contribuição e ciclo de manutenção do sistema.
O design system foi adotado por 100% dos designers em 3 meses. A consistência entre produtos aumentou significativamente e o tempo de handoff para engenharia foi reduzido pela metade.
Aprendizado
Um design system é um produto — precisa de manutenção, roadmap e donos definidos.
Aprendizado
Engajar engenheiros desde o início é o segredo para a adoção real do sistema.
Aprendizado
Documentação clara é tão importante quanto os componentes em si.
