Trabalho · XP Inc.

Soma, o design system da XP

Multitema, agnóstico de tecnologia e multiplataforma. Fui o líder técnico do Soma em 2020, e o lançamento público foi numa live em fevereiro de 2021.

Papel
Software Architect e Design Ops Tech Lead
Período
2020 – 2022
Stack
Design system · Design ops

Três exigências

  • Multitema: um conjunto de componentes, várias marcas e temas, sem bifurcar código.
  • Agnóstico de tecnologia: os componentes não dependem do framework de quem consome.
  • Multiplataforma: as mesmas decisões de design chegam a todas as superfícies que as usam.

Escolhendo a ferramenta certa

Nenhuma ferramenta servia 100%. Antes de decidir, escrevi o bradom: seis estratégias de renderização, do innerHTML ingênuo à Virtual DOM e a tagged template literals, para entender o custo de cada uma. No fim escolhi uma tecnologia que não era minha. O protótipo existia para tomar a decisão.

Lançamento

O Soma foi apresentado ao público numa live de lançamento em 11 de fevereiro de 2021. Os mesmos anos na XP produziram outras duas peças de infraestrutura: o Arsenal, para micro-frontends, e o Chameleon, para temas em web components.