Assets (recursos visuais)

Os recursos reutilizaveis do produto, como icones, imagens, fontes, componentes e tokens.

Hard

O que é

Assets sao os recursos reutilizaveis que os times de design e de codigo usam pra montar o produto, como icones, imagens, fontes, ilustracoes, componentes de UI e design tokens. Sao as pecas que voce nao precisa recriar do zero a cada tela.

Quando estao bem organizados, esses recursos viram a base de um design system. Uma biblioteca de assets evita duplicacao, alinha a linguagem visual e acelera o trabalho. Quando o icone e padronizado e compartilhado, por exemplo, a interface fica coerente e a pessoa que usa reconhece o padrao mais rapido.

Os assets tambem tocam acessibilidade e desempenho. Um icone com contraste certo e texto alternativo inclui mais gente, e uma imagem comprimida em arquivo leve carrega mais rapido. Ou seja, cuidar do acervo e, no fundo, cuidar de qualidade.

Em uma frase

Para de baixar ícone solto; puxa tudo da biblioteca de assets compartilhada no Figma.

A pergunta que ele responde

Onde fica a fonte única dos recursos visuais pra eu não recriar o mesmo ícone cinco vezes?

Quando usar

Ajuda na hora de montar ou manter um design system, padronizar a interface e acelerar a producao entre times.

Como não usar

O cuidado e nao espalhar assets soltos em pastas pessoais, sem fonte unica, ate acabar com cinco versoes do mesmo icone.

Na prática

Pense num time em que, em vez de cada pessoa baixar o proprio icone, todo mundo puxa tudo de uma biblioteca compartilhada no Figma.

Não confunda com

Vale separar asset de design system. O asset e a peca em si (o icone, a fonte), enquanto o design system e o conjunto de regras e componentes que organiza e da sentido a essas pecas.

D

Em inglês

Assets

Pronúncia

as-sets

Também chamado de

assets, recursos, recursos visuais

Origem

n/a

Fonte

Saiba mais

Brad Frost, Atomic Design