Design System Unificado – Aplicação no Produto Signed
A Nexum (nome ficticio) é uma empresa com diversos produtos digitais, cada um com identidade visual própria. Para aumentar a consistência entre eles, iniciou-se a construção de um Design System unificado.
Fui responsável por desenvolver a parte do sistema aplicada ao Signed, um dos produtos da empresa, adaptando seus estilos e componentes às diretrizes do novo Design System, sem perder sua identidade visual. Minha atuação envolveu desde a criação de tokens personalizados até o desenvolvimento e documentação dos componentes no Figma.
Sobre o projeto:
Meu papel: UX/UI Designer
Tempo de execução: Em processo
Atuação: Fui responsável por adaptar e estruturar a parte do Design System aplicada ao Signed. Atuei garantindo que os componentes e estilos respeitassem a identidade visual do produto, mas seguissem as diretrizes do sistema unificado.
Ferramentas: Figma
Integrar o Signed ao novo Design System unificado da Nexum, desenvolvendo sua camada de componentes no Figma com base nos princípios globais, mas com flexibilidade para manter sua identidade visual específica.
Atuei de ponta a ponta no processo de construção e adaptação dos componentes do Signed dentro do Design System unificado, passando por:
Definição de tokens específicos (cores, tipografia, espaçamentos);
Criação de componentes reutilizáveis e responsivos no Figma;
Alinhamento constante com os times de desenvolvimento;
Documentação clara e acessível no Figma para promover autonomia.
Componente desenvolvidos
Fundacionais
Cores (primárias, secundárias, neutras, feedback)
Tipografia (estilos de título, corpo e legenda)
Ícones (curadoria e organização de biblioteca com base no uso real do produto)
Elementos de Interface
Texto (com variações de hierarquia e peso)
Links (estados: normal, hover, active, disabled)
Botões (primários, secundários, terciários, com ícones)
Inputs (texto, senha, busca, com e sem label)
Seletores (checkbox, radio, switch)
Tags (estados, cores e ícones customizados)
Notificações e alertas (toast, banners, feedbacks de ação)
Cards (com variações para listagens, destaques e agrupamentos)
Tabelas (com diferentes estilos de colunas)
Upload de arquivos (drag & drop, barra de progresso)
Conclusão
Esse projeto reforçou a importância de um Design System que equilibre padronização e flexibilidade. Aprendi a tomar decisões com foco em escalabilidade, clareza e propósito, entendendo que um bom sistema não é apenas um conjunto de componentes — é uma estratégia viva que conecta visão de produto, design e tecnologia. Com isso conseguimos:
Base de componentes do Signed 100% integrada ao Design System da Nexum;
Redução do tempo de entrega de telas em novos projetos;
Aumento da consistência visual entre produtos da empresa;
Adoção do sistema por outros designers com mínima curva de aprendizado.
Vamos transformar ideias em soluções?
Se você curte design com propósito e soluções bem pensadas, talvez a gente tenha algo em comum.