Fundamentos

Green Fern

Definição

Design system é um produto que serve a outros produtos de uma mesma marca.

  • Possui documentação viva onde tem padronizações, boas práticas e regras de uma série de componentes que são regidos pelas definições pré-estabelecidas, em prol de trazer consistência ao design de produtos e serviços da marca

Benefícios

Evita retrabalhos

Melhora a coerência com a identidade visual do produto

Design em escala

Conforme o time e o produto cresce, maiores as possibilidades de elementos já feitos, serem refeitos sem necessidade e causar inconsistência de design. Quando isso acontece, significa que o processo está quebrado, que é impossível escalar o design na velocidade ideal.

Maior alinhamento entre design e dev

Maior velocidade em construção de UI

Mais tempo dedicado em pesquisa e estratégia

Como avaliar se existe a necessidade?

  • O desenvolvimento sai diferente do design?

  • O time de design está crescendo e gerando inconsistências no design?

  • Existe a necessidade de melhorar o processo por estar perdido?

  • Estamos perdendo muito tempo criando UI?

  • O time tem muitas variações de componentes agindo de forma diferente?

  • O time perde muito tempo no QA?

Quais os itens de um Design System?

Princípios de Design

Componentes

Documentação

Liderança

Create a free website with Framer, the website builder loved by startups, designers and agencies.