Nesse Design System da semana uma empresa brasileira: a VTEX, empresa multinacional focada em cloud commerce.
Ficha técnica
- Nome: VTEX Styleguide
- Empresa: VTEX
- Ano de desenvolvimento: 2018
- Diferenciais:
- Exemplos “vivos”
- Empty states
- Onboarding tanto para devs quanto para designers
- Ensina como contribuir e como é o processo do time responsável
- Maravilhosa parte de brand que inclui até um fluxograma de uso da marca
- Por de baixo dos panos usaram o React Styleguidist, economizando muito suor técnico
- Pontos negativos:
- Acessibilidade em alguns componentes pode ser melhorada, como nas modais
- Leitura da parte sobre espaçamentos ligeiramente confusa no primeiro momento
Imagens do Design System
O Cristiano Dalbem escreveu esse excelente artigo sobre a morte e a vida de um Design System, vale a pena conferir.