Conceito · Design System
Orbia Design System
Design system do Orbia CRM
Design system do Orbia CRM, com tokens, biblioteca de componentes no Figma e implementação em React documentada. Tokens, componentes e documentação vivem em um só lugar. Design e engenharia montam telas com as mesmas peças.
- Plataforma
- Design System
- Stack
- Figma, Storybook, React, Tokens Studio
- Prazo típico
- 6 semanas
Case conceitual: ilustra o tipo de produto que construímos.
O desafio
Telas novas nasciam diferentes umas das outras e cada correção visual era feita em vários lugares.
A solução
Uma biblioteca no Figma espelhada em componentes React, com tokens versionados e regras de uso e acessibilidade.
Funcionalidades
- Tokens de cor, tipografia e espaçamento
- Biblioteca de componentes no Figma
- Componentes React no Storybook
- Guia de uso e acessibilidade
- Versionamento de tokens
- Modo claro e escuro
Ganhos esperados
- Telas novas mais rápidas de montar
- Interface consistente entre produtos
- Design e código falando a mesma língua
Fale sobre seu projeto
Em 30 minutos entendemos o desafio, medimos a complexidade e indicamos prazo e orçamento aproximados. É gratuito e sem compromisso.