Design System · UI · Web & Mobile · Componentes · Variantes · Propriedades · Estados · Variáveis · Tokens · Light & Dark Mode
O Design System da Plenno foi criado para padronizar a experiência entre Web e Mobile e permitir que novas interfaces fossem construídas a partir de componentes reutilizáveis.
Participei da construção do DS desde o início, trabalhando junto com a Product Designer Senior na criação e evolução dessa estrutura. Conforme o produto crescia, o sistema também evoluía com novos componentes, estados e necessidades que surgiam nas próprias telas.
NESTA PÁGINA
Minha atuação aconteceu tanto na construção quanto na evolução do Design System.
Criei e evoluí componentes para Web e Mobile, estruturando variantes, propriedades e estados para que eles pudessem atender diferentes contextos sem precisar criar um novo componente para cada situação.
Também fui responsável pela criação das variáveis de cores e participei da estruturação dos tokens, que aprendi a trabalhar durante o projeto. Além disso, mantinha a biblioteca de ícones e criava novos componentes conforme as necessidades apareciam no produto, como Toasts e Dialogs.
Por ser um Design System grande, com muitos componentes, estados, propriedades e variações, o Cortex exigia uma manutenção constante para acompanhar a evolução do produto e garantir que a biblioteca continuasse consistente.
Ao mesmo tempo, ter essa estrutura bem organizada facilitava muito o dia a dia de trabalho, porque permitia construir novas interfaces com mais agilidade e manter padrões entre Web e Mobile sem precisar resolver os mesmos problemas do zero a cada nova tela.
Participar dessa construção e evolução me deu uma experiência prática muito forte com Design System em um produto real, entendendo tanto o esforço necessário para manter uma biblioteca saudável quanto o impacto que ela tem na velocidade e na consistência das entregas.