A Anthropic anunciou em 18 de junho uma grande reformulação do Claude Design, com destaques como: suporte para importação de sistemas de design a partir de repositórios do GitHub, ficheiros de design ou material bruto; integração bidirecional com Claude Code; e um plano de melhoria em duas camadas para o problema do consumo de tokens. Em paralelo, alargou a parceria de exportação com 9 empresas, incluindo Adobe, Base44, entre outras.
Importação de sistemas de design: importar a partir de repositórios GitHub e assegurar normas de marca
A atualização principal desta reformulação é a funcionalidade de importação de sistemas de design, agora totalmente redesenhada. Os utilizadores podem agora carregar um sistema de design a partir de um repositório do GitHub, de um ficheiro de design ou de material bruto; após a importação, o Claude criará com base nesses componentes e, antes da entrega final, fará automaticamente comparações com as normas do sistema de design para corrigir o resultado, de modo que os utilizadores não vejam a versão antes das correções.
O novo papel de administrador permite aprovar um único sistema de design padrão e bloquear permissões de edição, garantindo que cada peça produzida pelo Claude cumpre as normas de marca da empresa. Esta mudança face à versão inicial está no essencial: o Claude Design da primeira versão funciona mais como uma tela em branco, em que a saída reflete o critério estético do Claude; após a reformulação, passa a produzir de acordo com as normas da marca, sendo mais adequado a grandes empresas com manuais de marca rigorosos.
Integração bidirecional do Claude Code: explicação 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 introduzir o comando /design-sync, é possível importar o sistema de design de uma base de código local para o Claude Design; depois de concluído o design, basta um clique para entregá-lo ao Claude Code e entrar na fase de desenvolvimento, sem necessidade de capturas de ecrã ou reconstrução.
· No sentido inverso, ao introduzir o comando /design no terminal do Claude Code, os programadores podem criar, editar e sincronizar diretamente projetos de design, sem sair do fluxo de trabalho.
O artigo refere que a passagem entre design e engenharia é um dos pontos de maior fricção no desenvolvimento de software há décadas. Ferramentas como o Figma Dev Mode e o Zeplin tentam reduzir a distância gerando especificações e excertos de código a partir de ficheiros de design, mas a tradução continua a implicar perdas. O desafio da Anthropic é: se o mesmo sistema de IA lidar simultaneamente com design e código, e partilhar a mesma biblioteca de componentes, essa distância pode ser eliminada.
Plano em duas camadas para melhorar o consumo de tokens
A melhoria do consumo de tokens da Anthropic divide-se em duas camadas:
Pilha partilhada de utilização: o limite de uso do Claude Design é agora partilhado com conversas, Claude Cowork e Claude Code, em vez de ser debitado de uma pool independente e menor, dando à maioria dos utilizadores mais espaço de amortecimento.
Aumento da eficiência em cada geração: a Anthropic afirma ter reduzido o consumo médio de tokens por geração, mantendo a qualidade da saída; o novo editor permite ao utilizador arrastar, ajustar e alinhar elementos individuais diretamente, sem gastar dedução do modelo para cada pequena alteração; também centenas de correções de estabilidade reduzem tokens desperdiçados devido a erros e à necessidade de regenerar.
O artigo aponta ainda que o conflito estrutural continua a existir: o design gerativo exige que o Claude raciocine simultaneamente sobre layout, tipografia, cores, espaçamentos, responsividade e conteúdo para produzir um produto final completo e funcional — uma carga de trabalho muito superior à de perguntas e respostas em modo de conversa. O impacto é menor para clientes com grandes volumes dos planos Team e Enterprise, mas para assinantes Pro este problema continua a existir.
Perguntas frequentes
A funcionalidade de importação de sistemas de design é mais valiosa para que tipo de utilizadores?
De acordo com o artigo, a importação de sistemas de design tem maior significado estratégico para grandes empresas — estas organizações têm manuais de normas de marca rigorosos e precisam de garantir que cada saída do Claude cumpre os padrões visuais da empresa. A posição da primeira versão do Claude Design como “tela em branco” é suficiente para utilizadores individuais ou startups, mas é simplesmente impossível adotá-la em grandes empresas com 200 páginas de normas de marca.
A integração bidirecional do Claude Code requer uma subscrição adicional?
O artigo não divulga se é necessária uma subscrição adicional, mencionando apenas que a integração é feita através dos comandos /design-sync e /design. Para preços e requisitos concretos de subscrição, é necessário consultar os anúncios oficiais da Anthropic.
Entre os 9 parceiros de exportação, qual é o papel do Claude Design no fluxo de trabalho?
Com base no artigo e nas descrições dos diversos parceiros, o Claude Design é posicionado como um “centro de criatividade”, e não como um destino final — é o ponto de partida no fluxo de trabalho do design; a Adobe, a Canva, a Vercel e outros parceiros ficam responsáveis pelo polimento, pela colaboração e pela implementação subsequentes. O CEO da Replit, Michele Catasta, descreve como “capturar os construtores no ponto em que a criatividade começa a nascer”; Andrew Qu, da Vercel, refere-se a “levar diretamente a ideia para pôr em produção na Vercel”.
