O Claude Design nasceu como uma resposta prática a uma mudança desconfortável dentro da Anthropic.
O Claude Design nasceu como uma resposta prática a uma mudança desconfortável dentro da Anthropic.
No outono de 2025, o designer de produto Nate Parrott era o único designer trabalhando com dois engenheiros no desenvolvimento do Claude Code, uma extensão do Visual Studio Code. O objetivo deles era integrar as funcionalidades baseadas em terminal do Claude Code em uma interface gráfica, tornando-o mais fácil de entender e usar para usuários comuns.
A equipe lançou uma versão beta no final de setembro. Em seguida, o Claude Opus 4.5 foi lançado em novembro, e os engenheiros ao redor de Parrott começaram a entregar resultados em uma velocidade sem precedentes.
Mas o próprio fluxo de design de Parrott não acelerou no mesmo ritmo.
Em vez de esperar pelo reequilíbrio do fluxo de trabalho, Parrott usou seu tempo livre para construir uma pequena ferramenta que o ajudasse a acompanhar o ritmo. Esse projeto paralelo acabou se tornando o Claude Design — um produto da Anthropic Labs que foi usado por mais de um milhão de pessoas na primeira semana de lançamento.
Esta história não é apenas sobre a ascensão de um produto de design com IA. Ela mostra, por um lado, como a IA pode acelerar primeiro uma parte da equipe antes das outras, criando novos gargalos; por outro lado, como as pessoas afetadas por esse desequilíbrio usam a mesma tecnologia para redesenhar sua própria forma de trabalhar.
A equipe inicial era pequena: dois engenheiros e um designer de produto.
Antes do lançamento do Opus 4.5, o ritmo de trabalho era basicamente sincronizado. Engenharia e design podiam avançar juntos em uma funcionalidade, sem que uma função superasse consistentemente a outra.
Após o lançamento do novo modelo, esse equilíbrio foi quebrado.
Os engenheiros podiam usar o Claude Code para implementar, testar, modificar e entregar mais trabalho. Já Parrott continuava projetando aproximadamente no mesmo ritmo de antes, tornando o design o elo mais lento do processo.
Isso revela um impacto mais amplo do uso da IA.
A IA não melhora cada função na mesma medida ou ao mesmo tempo. Uma empresa pode ver a aceleração na implementação de software, mas a estratégia de produto, revisão de design, aprovação jurídica, conteúdo, testes ou suporte ao cliente podem permanecer inalterados.
O resultado nem sempre é a substituição imediata de cargos. Mais comumente, o primeiro impacto é um desalinhamento entre fluxos de trabalho interconectados.
Quando a velocidade da engenharia aumenta, outras partes da organização precisam responder a novas perguntas:
A resposta de Parrott foi criar uma ferramenta para a etapa que se tornou o gargalo no processo.
O Claude Code é baseado principalmente em texto, então Parrott inicialmente o tratou como
tratar o design como mais uma tarefa textual.
Ele copiava a saída do terminal para o Claude, adicionava capturas de tela da interface, descrevia a funcionalidade e pedia ao modelo para fazer o design.
O resultado foi decepcionante.
O problema não era que o Claude não tivesse capacidade visual ou de codificação. A solicitação não fornecia ao modelo nenhum meio robusto para expressar, testar e modificar ideias visuais.
Uma descrição de design em um chat continua sendo apenas uma descrição. Ela não pode ser clicada, redimensionada, animada ou experimentada como um fluxo interativo.
Parrott experimentou esse projeto paralelo por cerca de um mês. O ponto de virada foi quando ele parou de pedir ao Claude para gerar "um design" abstratamente e, em vez disso, pediu que criasse HTML.
O HTML é geralmente visto como o formato para sites, mas Parrott reconheceu que ele pode servir como uma ampla mídia visual e interativa.
Uma página web pode conter:
Isso fez do HTML uma ponte útil entre conversas e trabalho visual.
Parrott criou uma interface dividida em duas partes:
Quando o usuário descrevia uma alteração, o Claude atualizava a página subjacente e o resultado aparecia na tela.
Isso era mais útil do que gerar imagens estáticas, porque a saída podia funcionar como um produto. Botões funcionavam, transições rodavam e protótipos podiam conter múltiplos estados sem precisar desenhar e conectar manualmente cada tela.
Um protótipo tecnicamente funcional ainda podia parecer genérico ou incoerente.
Parrott acreditava que o design de produto depende da compreensão do produto e da marca por trás de cada decisão. Um modelo que sabe criar HTML não sabe automaticamente quais fontes, cores, componentes, regras de espaçamento e princípios visuais pertencem à Anthropic.
Por isso, ele incorporou o sistema visual da Anthropic ao contexto de trabalho da ferramenta.
Isso incluía:
Essa mudança fez com que o trabalho gerado não parecesse mais uma interface de IA aleatória, mas sim parte da família de produtos da Anthropic.
Esse experimento interno mais tarde se tornou uma funcionalidade central do Claude Design.
Durante o processo de integração, o Claude Design pode analisar código-fonte, como repositórios, referências de design, slides, documentos, capturas de tela, logotipos, paletas de cores e especificações tipográficas. Em seguida, ele gera um sistema de design reutilizável, com elementos como cores, tipografia, componentes
e padrões de layout.
Para organizações com planos Team e Enterprise, o sistema pode ser publicado para toda a equipe. Administradores podem aprovar sistemas padrão e restringir permissões de edição, garantindo que os projetos estejam alinhados com as diretrizes da empresa.
Parrott integrou o fluxo de trabalho HTML ao contexto da marca Anthropic em um pequeno protótipo interno.
Designers de produto começaram a usá-lo para criar protótipos interativos.
Em um fluxo de trabalho tradicional baseado em cliques, um designer poderia precisar desenhar cada estado de cada tela e conectá-los manualmente. Com o protótipo interno do Claude Design, o designer só precisava fornecer os materiais, descrever o comportamento esperado e deixar o Claude implementar a experiência.
Cada resultado gerava um link compartilhável.
Isso mudou o posicionamento do protótipo.
Já não se trata apenas de um ficheiro privado numa aplicação de design, mas sim de um documento partilhado que os colegas podem abrir, clicar, discutir e modificar, funcionando exatamente como um documento partilhado.
O momento decisivo ocorreu durante uma atividade fora do escritório nos laboratórios Anthropic.
Parrott testemunhou os participantes a utilizarem a ferramenta para criar diapositivos de apresentação para uma sessão de propostas criativas — por vezes, apressadamente, durante a própria reunião, pouco antes da sua vez de apresentar.
Esta adoção espontânea convenceu a equipa do laboratório de que este projeto paralelo resolvia uma necessidade real. O Claude Design recebeu uma equipa de apoio dedicada, transitando formalmente de uma experiência interna informal para um produto.
Os laboratórios Anthropic expandiram-se ainda mais em janeiro de 2026, dedicando-se especificamente a incubar produtos experimentais baseados nas capacidades emergentes do Claude.
A equipa foi concebida para um modelo de desenvolvimento de produto único:
A Anthropic aponta o Claude Code como um exemplo inicial deste percurso: começou como uma pré-visualização de investigação e, em seis meses, tornou-se no que a Anthropic designa como um produto de milhares de milhões de dólares.
O Claude Design segue uma trajetória de desenvolvimento semelhante:
Este percurso de baixo para cima é crucial porque os produtos com IA nativa são muitas vezes difíceis de especificar claramente antecipadamente. As capacidades do modelo evoluem rapidamente e os utilizadores descobrem fluxos de trabalho que as equipas originais não previram.
Neste caso, como as pessoas continuam a usá-lo para comunicação visual e não apenas para prototipagem de interfaces, o âmbito do produto tem vindo a expandir-se.
O Claude Design foi inicialmente posicionado como uma ferramenta de design de produto.
Mas esta descrição depressa se revelou demasiado limitada.
A equipa começou a usá-lo para criar:
Parrott descreve a ferramenta como estando um nível acima do design de produto de produção. A sua função principal é ajudar as equipas a explorar e comunicar ideias antes de começarem o desenvolvimento. Esta distinção traz uma divisão de responsabilidades mais clara:
| Claude Design | Claude Code |
|---|---|
| Exploração visual inicial | Desenvolvimento de software de produção |
| Protótipos e testes de conceito | Implementação e gestão de repositórios |
| Apresentações e comunicação visual | Modificação, teste e implementação de código |
| Alinhamento antes do desenvolvimento | Desenvolvimento após definição da direção |
| Tela editável com controlos visuais | Fluxo de trabalho de codificação em IDE e terminal |
Estas duas ferramentas podem ser usadas em conjunto, mas não são substitutas uma da outra.
A Anthropic adicionou um fluxo de trabalho bidirecional entre design e código. No Claude Code, use o seguinte comando:
/design-sync
Isto importa o sistema de design existente para o fluxo de trabalho, permitindo que o trabalho visual se baseie nos componentes atuais da organização. Use o comando:
/design
Para criar, editar e sincronizar projetos do Claude Design a partir do terminal. A equipa pode iniciar o trabalho a partir de qualquer direção.
Isto é muito mais fiável do que simplesmente entregar capturas de ecrã a um programador e pedir-lhe que reproduza o comportamento pretendido. A transição pode incluir protótipos funcionais e o contexto de design relevante, não apenas uma imagem plana.
Descreva sua ideia uma vez e o We0 AI pode gerar um site de apresentacao, paginas e CMS, alem de ajudar a atrair clientes e trafego apos o lancamento.
Uma geração completa de projetos para registro gratuito
Melhor para experimentar um fluxo de geração completo e ver rapidamente um primeiro rascunho do projeto.
A popularidade inicial do Claude Design mostrou que a capacidade de geração por si só não era suficiente. Os utilizadores precisavam que a ferramenta mantivesse consistência entre projetos e respeitasse os sistemas de marca existentes. A Anthropic reconstruiu o fluxo de trabalho de importação de sistemas de design, permitindo que os utilizadores importassem um ou mais sistemas a partir de:
O Claude constrói usando estes componentes, verifica os resultados em relação ao sistema e corrige inconsistências antes de apresentar. Isto torna a ferramenta mais prática para o uso diário. Uma página de destino gerada por IA de uma só vez pode ser impressionante, mas é difícil de implementar numa empresa real. O fluxo de trabalho com consciência do sistema permite que as organizações comecem a partir das suas escolhas existentes, em vez de criar uma nova linguagem visual de raiz de cada vez.
A versão beta do Claude Design inclui controlos diretos na tela. Os utilizadores podem:
Isto é importante porque escrever comandos não é
a melhor interface para cada ajuste.
Os utilizadores não precisam de escrever várias frases para mover um título ligeiramente para a esquerda ou reduzir a largura de um cartão. Fazer pequenas correções visuais através de manipulação direta é muitas vezes mais rápido.
Parrott sugere usar o Claude para exploração ampla e alterações estruturais, e depois tratar os pequenos ajustes finais manualmente.
A edição direta também evita gastar tokens do modelo em alterações que são mais fáceis de avaliar visualmente.
O Claude Design permite exportar o trabalho para:
A Anthropic também fornece conectores para enviar o trabalho para outras ferramentas criativas e de desenvolvimento.
A lista oficial de conectores inclui Adobe, Base44, Canva, Gamma, Lovable, Miro, Replit, Vercel e Wix, com mais plataformas a serem adicionadas no futuro.
O objetivo não é substituir todas as ferramentas especializadas.
Uma apresentação pode ser iniciada no Claude Design e depois continuada no Gamma ou Canva. Um conceito pode ser movido para o Miro para colaboração. Um protótipo pode ser levado para o Replit, Vercel, Lovable ou Wix para construção e implementação adicionais.
O Claude Design atua como um espaço de trabalho visual inicial, ajudando as ideias a transitar para a ferramenta seguinte adequada com menos reconstrução manual.
O Claude Design tem limitações claras.
A Anthropic afirma que o Claude Design não tem um modelo de imagem dedicado.
Portanto, não é adequado para gerar logótipos finais ou criar materiais de imagem originais de raiz.
Os utilizadores devem trazer logótipos, imagens de produtos, ilustrações, fotografias e ativos de marca existentes.
O Claude pode organizar e usar estes materiais dentro de uma composição visual maior.
Não é uma plataforma de software de nível de produção
O Claude Design permite criar protótipos interativos e trabalhos visuais orientados por código, mas a Anthropic recomenda o uso do Claude Code para desenvolvimento de software de nível de produção.
Os protótipos podem transmitir a experiência pretendida, mas podem não atender aos requisitos de segurança, acessibilidade, teste, manutenibilidade, desempenho, confiabilidade do backend ou implantação em produção.
O Claude pode gerar rapidamente diversas opções.
No entanto, cabe a uma pessoa decidir qual direção é adequada, quais detalhes parecem medíocres, se o trabalho transmite a mensagem correta, o que deve ser removido e se o protótipo está pronto para influenciar a produção.
O papel do designer deixa de ser a criação manual de cada variação e passa a definir direções, construir sistemas, julgar a qualidade e coordenar a equipe.
Um briefing claro geralmente produz melhores resultados do que refinamentos repetidos de solicitações vagas.
Defina o público, objetivo, conteúdo, sentimento desejado,
Antes de pedir ao Claude para construir, especifique as restrições e o formato de saída.
Sem orientação, os sistemas de IA podem recorrer a estilos estéticos comuns.
Especifique fontes, cores, exemplos de referência, moodboards e exemplos que o trabalho deve evitar ou se aproximar.
Carregue exemplos reais de marca, em vez de fornecer apenas especificações abstratas.
Uma página de destino completa, apresentação ou interface demonstra a identidade visual de uma marca com mais clareza do que uma lista de cores isolada.
Solicite várias opções e compare-as.
O objetivo de aumentar a velocidade de geração não é aceitar a primeira resposta, mas explorar mais possibilidades antes da decisão final.
Esboços desenhados à mão podem transmitir relações espaciais de forma mais eficiente do que longas descrições textuais.
Quando o problema central é estrutura ou fluxo, comece com wireframes de baixa fidelidade.
Isso permite que o modelo se concentre na hierarquia e na interação, em vez de estilos decorativos.
Faça ajustes visuais finais, como alinhamento, espaçamento e dimensionamento, por meio de edição direta.
A conexão com bases de código existentes, sistemas de design, componentes e interfaces ajuda o Claude a produzir trabalhos alinhados com o produto real.
O Claude Design está atualmente em versão beta, disponível para os seguintes planos:
Planos de assinatura relevantes permitem o uso, e as funcionalidades consomem os créditos de uso do Claude da conta.
Para organizações empresariais, o Claude Design vem desabilitado por padrão, exigindo que um administrador o ative nas configurações da organização.
A Anthropic afirma que o compartilhamento em nível organizacional permite que os designs permaneçam privados, podendo ser visualizados por colegas por meio de link ou abertos para edição colaborativa.
A disponibilidade do produto e os termos do plano podem mudar; as equipes devem consultar a página atual do Claude Design e os documentos de ajuda antes de padronizar seus fluxos de trabalho em torno dele.
O Claude Design é um produto do Anthropic Labs que permite criar e refinar trabalhos visuais por meio de conversas e edição direta. Ele pode gerar protótipos, apresentações, landing pages, trabalhos de página única, animações, materiais de marketing e outros resultados interativos baseados em HTML.
O protótipo beta inicial foi desenvolvido pelo designer de produtos da Anthropic, Nate Parrott. Depois que o Claude Code acelerou a entrega da equipe de engenharia além dos fluxos de trabalho de design existentes, ele o criou como um projeto pessoal.
A Anthropic afirma que o Claude Design foi usado por mais de um milhão de pessoas na primeira semana de lançamento. O dado foi divulgado na atualização de produto da Anthropic em junho de 2026.
O Claude gera trabalhos visuais como conteúdo de página web interativo, em vez de apenas descrever designs ou gerar imagens estáticas. O HTML fornece uma tela flexível para layout, controles, animações, protótipos, slides e outras experiências visuais.
Sim.
Ele pode analisar bases de código, bibliotecas de componentes, apresentações, documentos, capturas de tela, logotipos, cores, fontes e outros materiais para gerar sistemas de design reutilizáveis. Usuários de equipes e empresas podem publicar sistemas compartilhados para uso em projetos.
A Anthropic afirma que o Claude Design não inclui modelos de geração de imagens e não é adequado para criar logotipos. Logotipos e materiais de imagem existentes devem ser carregados e usados no design.
O Claude Design é adequado para ideação inicial, prototipagem, comunicação visual e alinhamento da equipe. O Claude Code é a ferramenta recomendada para implementação e manutenção de software de nível de produção.
O Claude Design está atualmente disponível em versão beta pública para usuários dos planos Pro, Max, Equipe e Empresa. Os administradores empresariais precisam ativá-lo primeiro para que os membros da organização possam usá-lo.
com/news/introducing-anthropic-labs): Explicação da Anthropic sobre a equipe de incubação de produtos experimentais por trás do Claude Design.
Conforme descrito na história de Parrott.
O Claude Design nasceu da necessidade de um designer acompanhar o ritmo de dois engenheiros — cuja produtividade disparou após o lançamento do Claude Opus 4.5.
O avanço de Nate Parrott consistiu em deixar de pedir que a IA gerasse design como respostas abstratas e, em vez disso, fornecer ao Claude uma tela HTML incorporando o sistema de identidade visual da empresa, tornando os resultados interativos e fáceis de compartilhar.
Com a adoção interna da ferramenta, esse projeto paralelo evoluiu para um produto oficial da Anthropic Labs. Na primeira semana de lançamento, o Claude Design ultrapassou um milhão de usuários e gradualmente se expandiu como um espaço criativo que suporta prototipagem, apresentações, landing pages, animações, resumos de página única e outros conteúdos de comunicação visual.
Este produto não pretende substituir a codificação de produção, a geração profissional de imagens ou o julgamento humano em design. Seu valor se manifesta nas etapas iniciais: explorar mais direções, concretizar ideias, promover o consenso da equipe e entregar conceitos mais maduros às ferramentas e pessoas responsáveis pela implementação final.
À medida que a IA acelera o processo de execução, o trabalho mais valioso dos designers está migrando para montante — de desenhar cada interface individualmente para selecionar o rumo certo, definir sistemas e ajudar a equipe a alinhar-se sobre "o que deve ser construído".
Comece com uma frase e tenha um site completo em minutos.
