Design System: a referência visual de uma marca que os agentes seguem

Para que serve

Um Design System é um artefato — o terceiro dos cinco tipos, depois do canvas de design e do deck de slides — que reúne numa referência só o jeito visual de uma marca: o manual escrito, as cores em tema claro e escuro, a escala de tipografia e as fontes, o espaçamento e o arredondamento, os componentes com prévia ao vivo e as diretrizes de uso, e os logos e imagens. A pessoa navega por seções e ajusta na mão; o que muda é salvo sozinho.

Os agentes leem essa referência e a seguem ao montar decks e canvases — o deck é a apresentação de slides que a pessoa abre, ajusta e projeta; o canvas, a mesa de pranchetas onde ela desenha telas e peças visuais. É daí que vem o vocabulário do resto desta página.

Quem pede ao agente "crie o design system da Acme" recebe um artefato desse tipo.

O padrão da organização e o seu

• Da organização. Em Aparência da organização há "Design system padrão": os decks e canvases novos nascem com ele. Só aparecem na lista os design systems abertos para a organização — para usar um privado como padrão, é preciso primeiro abri-lo no Compartilhar. Gravar esse padrão exige a mesma permissão de quem cuida da aparência e da marca. A opção "Nenhum" devolve a escolha do visual ao agente.
• O seu. No Perfil, "Seu design system" vale só para você, naquela organização, e ganha do padrão da organização. Há o atalho "Usar o da organização".
• Na página do sistema. O botão "Definir como padrão" abre as opções "Para mim" e "Para a organização". Nos cards e nos seletores aparecem amostras de cor e o selo de padrão.
• O que o agente faz com isso. Havendo padrão, ele o usa sem perguntar, por menor que seja o pedido. Decks e canvases que já existem não mudam.
• Se o padrão deixa de valer — o sistema volta a privado, ou é arquivado — a escolha continua gravada, mas é ignorada; reabrir o artefato devolve a escolha.

Instalar num deck ou canvas

Num deck ou num canvas, o menu de três pontos tem o item Design system, que mostra "Neste deck" (ou "Neste canvas") e "Da organização".

1. Instalar copia o sistema para dentro do deck ou canvas; as cores e os estilos de texto passam a aparecer no painel do editor.
2. Atualizar aparece quando o sistema mudou depois da cópia — a linha diz desde quando.
3. A cópia não acompanha o sistema: para ter a versão nova, atualiza-se.
4. Cabem até quatro design systems por deck ou canvas; o quinto é recusado.
5. Num deck entram só as cores, as fontes e as imagens. Num canvas entra tudo, porque ali as pranchetas carregam também a folha de estilo e o comportamento dos componentes.
6. Instalar de novo sem nenhuma mudança não cria versão nova. Renomear o sistema também não — mas reinstalar depois de renomear regrava o nome novo na cópia.

Quem instala precisa poder salvar o deck ou canvas e enxergar o design system.

Pedindo ao agente

O agente consegue listar os design systems da organização que você enxerga, dizendo qual é o padrão e se ele vale para a organização ou só para você. Ao começar um deck ou canvas, ele já parte do seu padrão; sem padrão, usa o que você citou; sem nenhum dos dois, pergunta quando houver quem responda, ou segue sem.

Instalar pela conversa faz exatamente o que a tela faz. Um agente pode ler o design system de outro agente da organização, desde que você o enxergue — publicar nele continua recusado.

Em canais onde não há uma pessoa logada do outro lado (link público, Telegram, WhatsApp, disparo automático, chamadas de fora), valem só os design systems abertos para a organização, os abertos para quem usa o agente e os da própria conversa; e o padrão considerado é só o da organização, para não expor os privados de quem é dono.

Trazer um design system de fora

Um design system exportado do claude.ai pode virar um artefato daqui. Hoje isso é um passo de operação, não uma tela: alguém roda a importação sobre a pasta exportada, informando o agente que fica como dono, e o artefato nasce aberto para a organização.

A conversão tem um limite que vale conhecer: o claude.ai guarda as cores como folha de estilo, não como lista de valores, então o que é um valor simples vira cor, tipografia ou espaçamento do novo sistema, e o que é uma receita composta — um degradê, uma medida que varia com a tela, uma borda de várias partes — fica de fora e é listado no manual, numa seção que diz a data da importação. Importar de novo com o mesmo título publica uma versão nova no mesmo sistema, em vez de duplicá-lo.

Erros que a pessoa pode ver

Prévia e download dos arquivos

Ao abrir o design system, a prévia das imagens e o botão "Baixar" do navegador de arquivos funcionam — antes a prévia não carregava e o "Baixar" não fazia nada.

O que dá para fazer, e onde