Claude Design realiza una gran actualización: importación de un sistema de diseño, integración bidireccional y mejoras en el consumo de código y tokens

Anthropic 於 6 月 18 日 anunciou uma grande reformulação do Claude Design, com destaques principais incluindo suporte à importação de sistemas de design a partir de repositórios do GitHub, arquivos de design ou materiais de origem; integração bidirecional com o Claude Code; e um plano de melhoria em duas camadas voltado para o problema de consumo de tokens. Em paralelo, expandiu 9 parceiros de exportação, incluindo Adobe, Base44 e outros.

Importação de sistema de design: importar de repositórios do GitHub e padronizar regras de marca

A atualização central desta reformulação é a funcionalidade de importação do sistema de design, reconfigurada do zero. Agora, os usuários podem enviar um sistema de design a partir de um repositório no GitHub, arquivos de design ou materiais de origem; após a importação, o Claude cria com base nesses componentes e, antes da saída, faz automaticamente a comparação com as normas do sistema de design para correção, de modo que o usuário não veja a versão antes dos ajustes.

O novo papel de administrador adicionado permite aprovar um único sistema de design padrão e bloquear permissões de edição, garantindo que cada peça produzida pelo Claude esteja em conformidade com as regras de marca da empresa. Essa diferença em relação à essência da versão inicial é a seguinte: o Claude Design da fase inicial se parecia mais com uma tela em branco; a saída refletia as escolhas estéticas do Claude. Após a reformulação, ele consegue produzir de acordo com as normas de marca, sendo mais adequado para grandes empresas que possuem manuais rígidos de diretrizes de marca.

Integração bidirecional com o Claude Code: detalhes das funções dos comandos /design-sync e /design

A integração bidirecional entre o Claude Design e o Claude Code é a segunda grande atualização:

· No Claude Code, ao inserir o comando /design-sync, é possível importar o sistema de design do repositório de código local para o Claude Design; depois de concluir o design, é só entregar com um clique ao Claude Code para entrar na fase de desenvolvimento, sem necessidade de capturas de tela ou reconstrução.

· No sentido inverso, no terminal do Claude Code, ao inserir o comando /design, os desenvolvedores podem criar, editar e sincronizar diretamente projetos de design, sem precisar sair do fluxo de trabalho.

O artigo aponta que a passagem entre design e engenharia é um dos pontos de atrito mais teimosos no desenvolvimento de software há décadas. Ferramentas como Figma Dev Mode e Zeplin tentam reduzir a distância ao gerar especificações e trechos de código a partir de arquivos de design, mas a tradução sempre gera perda. A aposta da Anthropic é: se o mesmo sistema de IA lidar com design e código ao mesmo tempo e compartilhar a mesma biblioteca de componentes, essa diferença pode ser eliminada.

Plano em duas camadas para melhorar o consumo de tokens

A melhoria no consumo de tokens da Anthropic se divide em duas camadas:

Pool de uso compartilhado: os limites de uso atuais do Claude Design são compartilhados com conversas, Claude Cowork e Claude Code, em vez de serem cobrados de um pool independente menor, dando à maioria dos usuários um espaço de folga maior.

Aumentar a eficiência de cada geração: a Anthropic afirma ter reduzido o consumo médio de tokens por geração, mantendo a qualidade da saída; um novo editor permite que os usuários arrastem, ajustem e alinhem elementos individuais diretamente, sem precisar gastar inferência do modelo para cada pequeno ajuste; centenas de correções de estabilidade também reduzem a perda de tokens causada por erros e pela necessidade de regenerar.

O artigo também indica que ainda existe um conflito estrutural: design gerativo exige que o Claude faça inferência simultaneamente para layout, tipografia, cores, espaçamento, responsividade e conteúdo para gerar um produto completo e funcional, e a carga de trabalho é muito maior do que apenas perguntas e respostas em conversas. O impacto para clientes com alto volume dos planos Team e Enterprise é menor, mas para assinantes Pro esse problema ainda persiste.

Perguntas frequentes

Para quais tipos de usuários a função de importação do sistema de design tem mais valor?

De acordo com o artigo, a importação de sistema de design é de maior importância estratégica para grandes empresas — essas organizações possuem manuais rígidos de diretrizes de marca e precisam garantir que cada saída do Claude esteja em conformidade com os padrões visuais da empresa. A abordagem de “tela em branco” do Claude Design da versão inicial atende bem usuários individuais ou startups, mas não é aplicável a grandes empresas com 200 páginas de diretrizes de marca.

A integração bidirecional do Claude Code precisa de uma assinatura adicional?

O artigo não divulga se é necessária uma assinatura adicional; apenas explica que a integração é feita por meio dos comandos /design-sync e /design. Requisitos específicos de preço e assinatura devem ser verificados nos comunicados oficiais da Anthropic.

Entre os 9 parceiros de exportação, qual papel o Claude Design desempenha no fluxo de trabalho?

De acordo com o artigo e com as declarações dos parceiros, o Claude Design é posicionado como um “hub criativo” e não como um destino final — ele é o ponto de partida do fluxo de trabalho de design, enquanto parceiros como Adobe, Canva e Vercel cuidam do refinamento, colaboração e implantação na sequência. O CEO da Replit, Michele Catasta, descreve como “segurar os construtores no ponto em que a criatividade nasce”; já Andrew Qu, da Vercel, comenta sobre “levar diretamente o conceito para o ar na Vercel”.