O Claude Design pode transformar materiais de marca autorizados em um sistema para novos designs e apresentações. O resultado útil vai além de uma paleta: é um conjunto salvo e revisado de cores, tipografia, componentes e regras de layout cuja aplicação pode ser conferida em um novo design. Este guia é para o responsável pela marca ou designer autorizado a processar os arquivos de origem e aprovar o resultado. O procedimento é documentado; o BIG CHANGE não criou nem testou um sistema em uma conta Claude.

A grande mudança

  • O que mudou: O caminho atual por chat e Artifacts permite que um responsável autorizado crie regras reutilizáveis com referências de marca aprovadas. O sistema gerado ainda precisa de revisão antes do uso pela equipe.
  • Por que importa: Comparar e corrigir regras e depois testar um novo design permite conferir se o sistema salvo leva a marca pretendida ao trabalho real.
  • O que observar: O responsável ainda precisa verificar a herança nesse design, os direitos sobre materiais e fontes, a acessibilidade e o público final do compartilhamento. Um primeiro resultado atraente não resolve essas questões.

Prepare as fontes e a conta

Sistemas de design estão em beta nos planos Pro, Max, Team e Enterprise. O Claude Design básico está disponível mais amplamente, mas isso não dá Design systems a toda conta. Confira a organização e conta pretendidas. No Enterprise, um responsável pode precisar habilitar Design systems em Organization settings > Artifacts; configurações e funções personalizadas também podem limitar o acesso. Resolva exigências de armazenamento ou residência de dados antes de enviar: a Anthropic informa que o Claude Design atualmente não atende a requisitos de residência de dados e armazena os materiais enviados de forma persistente.

Reúna ao menos uma fonte aprovada, como guia atual da marca, logotipos e fontes permitidos, apresentação representativa ou biblioteca própria de componentes. Registre proprietário, revisão, direitos de uso e processamento e conflitos conhecidos. Peça ao responsável que resolva divergências de cores, licenças ou regras de logotipo. Decisões ausentes continuam pendentes; o Claude não pode aprovar um valor em nome do proprietário. Escolha um design que a equipe realmente precise e defina revisores e futuros destinatários do sistema.

Mantenha um registro privado com versões e direitos das fontes, conta e organização, nome e proprietário do sistema e revisão examinada. Reserve espaço para papéis e valores de cores, famílias e licenças tipográficas, variantes e regras de logotipo, variantes e estados de componentes, espaçamento e layout, testes independentes de acessibilidade, identidade do design de teste, aprovação e leitura do compartilhamento. São seus registros de revisão, não campos prometidos pelo Claude.

Crie e revise o sistema

  1. Abra Design systems na conta pretendida. Confirme a disponibilidade e a organização correta. O caminho atual da Anthropic permite pedir pelo chat um sistema a partir de materiais conectados ou enviados e gerenciá-lo em Settings > Design systems. Se faltar acesso, registre a barreira exata de plano, recurso ou função. Não transfira materiais sensíveis para uma conta pessoal para contorná-la.
  2. Forneça referências aprovadas e um pedido delimitado. Envie ou conecte somente materiais que você pode processar. Basta um pedido em linguagem comum: “Crie um sistema de design com estas referências aprovadas. Identifique a fonte de cada cor, regra tipográfica, instrução de logotipo, componente e padrão de layout propostos. Sinalize regras ausentes ou conflitantes para decisão do proprietário em vez de inventá-las.” Registre as revisões reais fornecidas e a identidade do sistema criado. Se um sistema real já existir como componentes React, a Anthropic documenta /design-sync no Claude Code como alternativa; use apenas com código e acesso autorizados.
  3. Confira o sistema gerado contra as fontes. No artefato, examine cada papel e valor de cor importante; família, peso, escala e licença de fonte; variante de logotipo, área livre e usos proibidos; componente, variante e estado; espaçamento, grade e layout. As notas devem explicar quando cada regra se aplica. Marque itens ausentes ou sem respaldo como pendentes e obtenha a decisão do proprietário antes de alterá-los. Um conceito de logotipo gerado não se torna uma marca licenciada por parecer plausível.
  4. Corrija, documente e salve uma revisão conferida. Peça mudanças apenas nas regras com fonte aprovada ou decisão explícita do proprietário. Reabra o sistema salvo e compare os valores corrigidos com as referências. Mantenha seu próprio histórico datado e uma cópia permitida das orientações: a Anthropic diz que o Claude Design ainda não tem histórico de versões. Registre identidade, proprietário, revisões das fontes, revisor e pendências junto à revisão que será testada.
  5. Faça verificações fora do artefato do sistema. Meça os pares de texto e fundo pretendidos, incluindo estados dos componentes, com um verificador independente de contraste e o padrão aplicável ao projeto. O mínimo de texto da WCAG 2.2 é 4.5:1 para texto comum e 3:1 para texto grande, com as exceções previstas. Confira direitos e legibilidade das fontes, layouts responsivos, foco visível e teclado no design real quando possível. Segundo a Anthropic, as prévias de componentes no artefato não podem ser alcançadas e operadas com Tab; ler nomes e notas não é teste de teclado. Registre como pendente o que não puder verificar. Passar no contraste não comprova acessibilidade geral.
  6. Teste a herança em um trabalho novo. Inicie um design representativo novo pelo chat ou modelo Design do Artifacts, anexando ou selecionando o sistema revisado. Examine a tela real nos tamanhos relevantes e compare cores, tipografia, uso de logotipo, componentes, estados e espaçamento com a revisão salva. Se uma regra se desviar, corrija o sistema ou design, crie ou atualize o teste e confira novamente. Reabra ambos na conta pretendida. Um teste bem-sucedido mostra o ocorrido naquele design; não garante todos os resultados posteriores.
  7. Compartilhe somente após a decisão do proprietário. Os designs começam privados. Se o objetivo for um sistema revisado privado, mantenha assim e registre o estado. Para uso aprovado pela equipe, use os controles atuais do Artifacts e leia novamente o público. Quem tem acesso a Design systems pode criar e compartilhar com pessoas específicas; compartilhar com todos ou definir o padrão da organização exige Owner ou Primary Owner. Primeiro, o sistema precisa estar compartilhado com todos. Para compartilhar o sistema de outro criador em toda a organização, Owner ou Primary Owner precisa antes do convite do criador no nível mais alto de acesso. Confira proprietário, público e padrão na conta correta. O aplicativo separado claude.ai/design tem controles próprios de publicação e fechamento previsto para 14 de dezembro de 2026; sua chave Published não é a etapa de compartilhamento do Artifacts.

Quando o resultado não passa na conferência

Se faltar o recurso, confira plano, configuração Artifacts e função, respeitando a barreira concreta. Após falha de envio ou conexão, examine resposta e fonte permitida antes de uma tentativa limitada. Se as fontes divergirem, devolva a decisão ao responsável; não preencha a lacuna com valor gerado. Se regra salva ou design diferir da referência aprovada, corrija e repita a comparação. Se uma mudança de compartilhamento for incerta, leia o público e o padrão antes de repetir. Revisões futuras da marca exigem nova análise das regras e designs de teste afetados.

O Claude Design usa a mesma cota do restante do Claude, incluindo Claude Code; créditos extras podem estar disponíveis quando habilitados. Entradas grandes e repetições podem consumir mais. Este guia não mediu tempo, custo ou qualidade. A Anthropic documenta exportações de designs como ZIP, PDF, PowerPoint ou HTML independente, mas isso não comprova exportação automática do sistema para CSS, JSON, Tailwind ou tokens Figma. Confira o formato necessário no produto atual antes de prometer uma entrega.

O trabalho termina quando o sistema salvo tem proprietário e revisão conferida identificados; cores, fontes, logotipos, componentes e instruções importantes remetem a fontes aprovadas; verificações independentes e pendências estão registradas; um novo design usa visivelmente o sistema; e público e estado padrão foram lidos novamente. Para outro caminho de especificação aprovada para Claude Code, veja nosso guia DESIGN.md.

Fontes e leituras adicionais