Diagrama ilustrando a hierarquia de Design Tokens, partindo de valores globais para tokens semânticos e de componentes.

Design Tokens: Como parar de decorar códigos Hex e organizar suas cores

Ao longo de quase duas décadas navegando pelas águas frequentemente turbulentas do design digital, percebi que a nossa área é cíclica em suas ferramentas, mas linear em sua busca por eficiência. Lembro-me bem do início da minha jornada, quando a organização de um projeto de interface residia quase inteiramente na memória do designer ou em…

Diagrama ilustrativo das etapas do Atomic Design: átomos, moléculas, organismos, templates e páginas em sequência lógica.

O que é Atomic Design e por que ele mudou minha forma de criar interfaces.

Ao longo de mais de duas décadas acompanhando a evolução da internet, percebi que o design de interfaces deixou de ser uma disciplina de “estética estática” para se tornar um ecossistema complexo de engenharia visual. No início da minha trajetória, projetávamos páginas. Hoje, projetamos sistemas. Essa mudança de paradigma não aconteceu por acaso, mas por…