Numa companhia financeira em plena transformação digital, a operação passou a trabalhar AI-driven. Minha missão foi construir a base visual dessa nova fase.
A companhia investiu em conhecimento e em ferramentas para o time trabalhar AI-driven. Com isso veio a missão: um design system que acompanhasse essa velocidade.
Pronto para crescer com novos produtos sem refazer a base.
Cada marca entra pela camada de tokens, sem duplicar componentes.
Construí com IA do início ao fim e escrevi guidelines para que pessoas, com seus agentes de IA, usem o design system nas próprias aplicações.
Cada etapa foi para o Figma com guidelines que pessoas e agentes de IA conseguem consumir.
Planejei a fundação: grid, acessibilidade e os princípios que todo o resto segue.
É aqui que mora o multi-brand: cada marca tem a sua camada de tokens, e o resto do sistema é o mesmo.
Prototipei e construí cada átomo com IA no processo, testando os estados antes de seguir.
Os átomos viram peças maiores, testadas antes de subir de nível.
Átomos e moléculas se juntam em menus, cards e formulários.
Tudo virou uma biblioteca no Figma, pronta para as telas que o negócio precisava lançar.
Modelos de página que orientam designers e agentes de IA a montar telas consistentes.
A engenharia implantou em React, e hoje os protótipos interativos da empresa são gerados a partir dele.
Do jeito tradicional, um design system assim levaria cerca de 12 meses com pelo menos 3 designers. Com IA no processo, entregamos em aproximadamente 80 dias.
Abrimos mão de algumas coisas e assumimos débitos técnicos de propósito. A prioridade era colocar o design system à prova na prática, enquanto o time ainda aprendia.
Quem não é do time de design aplica o design system nas próprias aplicações.
Agentes de IA seguem as guidelines e geram telas dentro do padrão.
Novos produtos partem da mesma base.
Os produtos novos falam a mesma língua.
Menos tempo redesenhando o que já existe.
Gerados a partir do design system em React, prontos para testar.
Mais gente no mesmo produto, sem perder a consistência.
Um design system robusto, pronto para evoluir dentro da companhia.
Liderei o design como chapter lead: planejei a base, prototipei e construí átomos e componentes, levei tudo para o Figma e escrevi as guidelines para pessoas e agentes de IA.
A engenharia viabilizou e implantou. O resultado é do time.
Construir na prática, com o time descobrindo junto, revelou o que nenhum planejamento antecipa. Se eu começasse hoje, o primeiro plano já sairia muito mais perto do caminho que encontramos.
É com esse repertório que eu começo o próximo design system.