Design System Multi-tenant
Estruturei o Design System da operação white-label internacional da Supernova, aplicado também a Play4tune e Multibet.
- Papel
- Product Designer · arquitetura do Design System
- Duração
- fev–set/2026
- Plataforma
- Web (multi-tenant)
- Equipe
- Eu (arquitetura) + liderança (refinamento) + colega (aplicação) + Engenharia
Telas em produção
Telas reais em produção, do mobile ao desktop, com os mesmos tokens e componentes do design system.
Desafio
Quando cheguei, não havia reuso real de componentes entre as marcas. Cada tela nova exigia garimpar o componente no arquivo em que ele tinha sido usado pela última vez, e esses arquivos ficavam defasados quase imediatamente.
Sem uma fonte única e atualizada, cada designer trabalhava com uma versão ligeiramente diferente da interface. O resultado era inconsistência visual entre Supernova, Play4tune e Multibet e retrabalho constante entre design e desenvolvimento.
Solução
Substituí os arquivos dispersos por uma base compartilhada, construída em parceria com Produto e Engenharia.
Arquitetura de tokens
Criei tokens primitivos e semânticos em variáveis do Figma, com aliasing primitivo → semântico. Assim, cada decisão visual passou a ter um nome e um único lugar para mudar.
Temas por tenant
Em vez de trocar cor por cor, tela por tela, montei uma camada de temas sobre a base semântica que gera a identidade de cada marca. Ela passou a atender os 3 tenants.
Componentes reutilizáveis
Migrei componentes antigos para o padrão novo e corrigi os que não tinham cobertura responsiva completa, junto com a evolução da base e não depois dela.
Ponte com Engenharia
Estruturei a implementação com Figma e Storybook e estabeleci com Engenharia um padrão de handoff, com especificações e registros de decisões (DDRs), que reduziu dúvidas recorrentes.
Resultado
O Design System entrou em produção nas três operações. Com tokens, componentes reutilizáveis e temas por marca, contribuí para uma redução estimada de 80% no tempo de criação de telas, calculada com base nos tempos de conclusão das tarefas do setor de UX.
- telas sustentadas pelo design system
- 87
- componentes reutilizados entre tenants
- 200+
- tenants em produção
- 3
- no tempo de criação de telas (estimado)
- −80%