Case de Design System, governança Figma e automação · 2024
Sistema de design escalável
Um design system que organizou assets, padrões e colaboração no Figma. Sua implementação foi acompanhada por uma redução de 30% no tempo de entrega de UX para produtos de prateleira e de 25% no tempo dedicado ao treinamento de novos integrantes.
30%menos tempo de entrega de UX para produtos de prateleira
25%menos tempo dedicado ao treinamento de novos integrantes
00 / Contexto
Resumo do projeto
- Projeto
- Sistema de design escalável e padronização de fluxos
- Ano
- 2024
- Atuação
- Lead Product Designer
- Escopo
- Pesquisa, padrões de componentes, documentação e automação de fluxos
01 / Contexto
Estruturas fragmentadas no Figma desaceleravam o trabalho compartilhado
À medida que os fluxos cresciam, as equipes estruturavam e interpretavam os arquivos do Figma de maneiras diferentes. Isso criou layouts fragmentados, entregáveis externos inconsistentes, dificuldades de navegação e trabalho repetitivo de produção.
O projeto estabeleceu um modelo operacional compartilhado: assets reutilizáveis, padrões documentados, orientação para contribuição e automação, apoiando o trabalho em português, espanhol e inglês.
Minha atuação
Como Lead Product Designer, meu escopo incluiu pesquisa, padrões de componentes, documentação e automação de fluxos. Trabalhei de forma colaborativa com a equipe nos assets e ferramentas apresentados neste case.
02 / Pesquisa
O problema combinava inconsistência, familiaridade desigual e repetição
A pesquisa combinou objetivos e hipóteses, entrevistas, surveys e observação de fluxos de trabalho. As descobertas foram sintetizadas por meio de mapas de empatia, agrupamento por afinidade e personas.
- Objetivos e hipóteses
- Entrevistas e surveys
- Observação de fluxos
- Mapas de empatia e agrupamento por afinidade
- Personas
O que a equipe aprendeu
Estruturas inconsistentes
Equipes diferentes organizavam os arquivos do Figma de maneiras diferentes, aumentando o esforço de interpretação e navegação.
Familiaridade desigual
Pessoas com diferentes níveis de experiência no Figma precisavam usar e contribuir para o mesmo sistema.
Produção repetitiva
Navegação, geração de links e produção de assets multilíngues criavam trabalho manual recorrente.
03 / Fundamentos
Três princípios transformaram variação em uma base compartilhada
Reutilizável
Componentes e templates compartilhados responderam à variação introduzida por estruturas fragmentadas.
Encontrável
Orientação e navegação reduziram o esforço necessário para encontrar e compreender assets em arquivos grandes.
Acessível para diferentes níveis de experiência e idiomas
Um ponto de entrada compartilhado apoiou diferentes níveis de familiaridade com o Figma e a produção multilíngue.
04 / Sistema
Componentes compartilhados conectaram padrões à produção cotidiana
O sistema compartilhado incluiu botões, tipografia, orientações de cor e templates. Cada equipe passou a contar com assets para uso no Figma, que se tornou a referência oficial de design, enquanto design reviews periódicas incorporavam as perspectivas das equipes aos refinamentos contínuos.
05 / Fluxo de trabalho
A automação removeu etapas manuais recorrentes
Plugins apoiaram a geração de links, a navegação em arquivos grandes e a produção de assets multilíngues, reduzindo fluxos manuais desconectados.
O sistema levou a orientação para dentro do trabalho
Assets e orientações foram disponibilizados pelo painel lateral do Figma, conectando padrões e documentação à produção cotidiana.
A estrutura criou um ponto de entrada compartilhado para reutilização e onboarding entre diferentes níveis de familiaridade com o Figma, enquanto os plugins reduziram o trabalho recorrente de manutenção de navegação, links e assets multilíngues. As apresentações aos clientes também passaram de desenhos amplos da jornada para protótipos navegáveis organizados por fluxos relevantes, com Customer Success acompanhando a compreensão dos clientes.
06 / Resultado
Resultados na entrega, no treinamento e na colaboração
30%
30% menos tempo de entrega de UX
Produtos de prateleira feitos com o novo design system levaram 30% menos tempo para serem entregues pela equipe de UX, na comparação com entregas sem o novo sistema.
Medição: tempos de entrega registrados no Monday.
25%
25% menos tempo dedicado ao treinamento
O tempo dedicado ao treinamento de novos integrantes caiu 25% na comparação entre antes e depois da implementação do design system.
Medição: comparação do tempo dedicado ao treinamento antes e depois da implementação.
Os percentuais refletem medições operacionais do projeto: tempos de entrega de UX registrados no Monday e tempo dedicado ao treinamento comparado antes e depois da implementação. Os demais resultados descrevem mudanças nas práticas das equipes e na apresentação das soluções aos clientes.
Figma como fonte oficial de referência
Cada equipe passou a contar com assets disponíveis para uso no Figma, algo que não existia anteriormente. A ferramenta tornou-se a referência oficial de design para as equipes.
Assets refinados com as equipes
As design reviews passaram a incorporar as perspectivas e necessidades das equipes envolvidas. Esse processo orientava melhorias contínuas nos assets, refinando sua adequação ao trabalho cotidiano.
Do desenho amplo à navegação por fluxo
Antes, o cliente recebia um desenho amplo, com muitas etapas da jornada. Com a nova estrutura, passou a receber protótipos navegáveis organizados pelos fluxos relevantes. As equipes de Customer Success acompanhavam a compreensão dos clientes nesse novo formato.