Tangram: o Design System dos produtos RD Station
Criado para unificar a linguagem visual e técnica entre design e engenharia, o Tangram se tornou uma peça central na evolução da experiência dos nossos usuários. Mais detalhes você encontra na documentação
Sobre o projeto
O Tangram é o design system dos produtos da RD Station, criado com o objetivo de escalar a consistência visual, a eficiência dos times e a qualidade da experiência do usuário. Mais do que uma biblioteca de componentes, o Tangram se consolidou como uma ponte estratégica entre design e engenharia, apoiando diferentes times na construção de interfaces alinhadas com a identidade da marca e os objetivos de negócio.
O nome Tangram foi escolhido por representar um conjunto de peças modulares que, quando combinadas de forma inteligente, possibilitam a criação de múltiplas soluções, exatamente como os times da RD constroem seus produtos.
Desafio
A RD Station tem uma estrutura de múltiplos times autônomos atuando em diferentes produtos, com necessidades diversas e ritmos distintos. Isso gerava desafios como:
- Interfaces inconsistentes entre produtos.
- Repetição de esforço em design e frontend.
- Complexidade para escalar novas iniciativas com qualidade.
Além disso, o design system precisava ser acessível e útil tanto para pessoas designers quanto para pessoas desenvolvedoras, com ferramentas, processos e governança que se adaptassem à cultura da empresa e à evolução da plataforma.
Minha atuação
Atuei desde a concepção do Tangram até sua consolidação como uma iniciativa estratégica da empresa. Minhas principais contribuições foram:
- Estratégia e escopo: Ajudei a definir a visão do design system, mapeando as reais necessidades dos times e conectando as entregas aos objetivos do negócio.
- Co-construção com engenharia: Trabalhei lado a lado com desenvolvedores para garantir que os componentes fossem acessíveis, reutilizáveis e escaláveis,focando na experiência da pessoa desenvolvedora e não apenas na visual.
- Governança e suporte: Estruturei processos para escalar o uso do design system de forma saudável, apoiando outros designers e times com documentação, revisões e rituais de alinhamento.
- Design Ops como alavanca: Usei práticas de Design Ops para integrar o Tangram ao dia a dia das pessoas designers, otimizando a forma como os times criam, testam e evoluem interfaces.
- Educação e comunidade: Facilitei treinamentos, escrevi documentações estratégicas e ajudei a criar uma cultura de colaboração em torno do sistema.
Impacto
Com o Tangram, conseguimos reduzir retrabalho, acelerar o time-to-market de novas features e aumentar a consistência visual entre produtos. O design system se tornou uma referência interna para decisões de UI, sendo adotado por múltiplos times de produto e contribuindo diretamente para a escalabilidade da plataforma da RD Station.
Além dos ganhos visuais e técnicos, o Tangram também elevou a maturidade do design dentro da empresa, fortalecendo a parceria entre design e engenharia e aumentando a autonomia dos times.
