Design system
Design system
Tenho vasta experiência na criação e implementação de design system, com contribuições significativas para mais de quatro projetos.
Meu trabalho abrange desde a concepção até a manutenção e documentação, garantindo consistência e eficiência em diversos projetos.
O processo
O processo
Para construir um Design System escalável, adoto a metodologia do Design Atômico, progredindo da criação de Tokens, Átomos, Moléculas, Organismos, Templates e Páginas.
Para construir um Design System escalável, adoto a metodologia do Design Atômico, progredindo da criação de Tokens, Átomos, Moléculas, Organismos, Templates e Páginas.
Tokens
Tokens
Os Design Tokens são a base de dados do seu Design System. Eles são variáveis que armazenam as decisões de design para o style guide como cores, fontes, espaçamentos, sombras e bordas.
Os Design Tokens são a base de dados do seu Design System. Eles são variáveis que armazenam as decisões de design para o style guide como cores, fontes, espaçamentos, sombras e bordas.
Eles agilizam a manutenção e a customização, como temas e branding, permitindo que mudanças globais sejam aplicadas instantaneamente e estabelecendo um vocabulário comum que melhora a colaboração entre Design e Desenvolvimento.
Eles agilizam a manutenção e a customização, como temas e branding, permitindo que mudanças globais sejam aplicadas instantaneamente e estabelecendo um vocabulário comum que melhora a colaboração entre Design e Desenvolvimento.
Componentes
Componentes
Transformando princípios e tokens de design em componentes de interface como botões, campos de formulário, cards, modais e entre outros que atuam como a ponte essencial entre o design e o código, assegurando uma experiência do usuário coesa e unificada em todo o ecossistema de produtos.
Transformando princípios e tokens de design em componentes de interface como botões, campos de formulário, cards, modais e entre outros que atuam como a ponte essencial entre o design e o código, assegurando uma experiência do usuário coesa e unificada em todo o ecossistema de produtos.
Confira alguns componentes que já criei:
Confira alguns componentes que já criei:
Documentação
Documentação
A documentação é, indiscutivelmente, um dos pilares mais importantes de um Design System. É ela que não só especifica os comportamentos esperados e padroniza as regras de uso, mas também garante a adoção, a manutenção e a escalabilidade dos componentes por todos as equipes.
A documentação é, indiscutivelmente, um dos pilares mais importantes de um Design System. É ela que não só especifica os comportamentos esperados e padroniza as regras de uso, mas também garante a adoção, a manutenção e a escalabilidade dos componentes por todos as equipes.
Neste momento é preciso estudar o seu time, como ele trabalha? Quais informações outros designers precisariam para utilizar o DS? Quais informações os desenvolvedores precisam? Essas e outras perguntas relacionadas devem guiar o modo da documentação.
Neste momento é preciso estudar o seu time, como ele trabalha? Quais informações outros designers precisariam para utilizar o DS? Quais informações os desenvolvedores precisam? Essas e outras perguntas relacionadas devem guiar o modo da documentação.
Vamos trabalhar juntos?
Vamos trabalhar juntos?
Rebecka Ojeda | 2024
Rebecka Ojeda | 2026