Introdução

O que é o Design System?

Design System é uma coleção de componentes reutilizáveis, padronizados para determinados produtos, site ou sistema web.

Esses componentes são criados pelos desenvolvedores front-end e designers do time de UX. Os componentes criados no Design System são utilizados na criação dos protótipos dos produtos e utilizados através de uma biblioteca Javascript nas aplicações desenvolvidas utilizando ele.

Vantagens em utilizar um Design System

• Ajuda a manter a consistência visual entre os produtos da empresa;
• Facilita e agiliza o desenvolvimento dos produtos;
• Facilita a modificação de estilização de maneira global.

Biblioteca de componentes

Na Zoox, utilizamos Vue.js (opens new window) como principal biblioteca de programação em nossos front-ends. Então, o Design System fornece uma bibliteca escrita em Vue.js para utilização pelos times da empresa.

Time

• (Líder/Designer) Otávio Ribeiro (otavio.ribeiro@zooxsmart.com)
• (Designer) Kayse Nascimento (kayse.nascimento@zooxsmart.com)
• (Designer) Luiza Marroig (luiza.marroig@zooxsmart.com)
• (Dev Front-end) Leonardo Mezger (leonardo.metzger@zooxsmart.com)
• (Dev Front-end) Davi Rangel (davi.rangel@zooxsmart.com)
• (Dev Front-end) Thiago Pacheco (thiago.pacheco@zooxsmart.com)