Anthropic revela Claude Design
(anthropic.com)- Ferramenta colaborativa de design visual baseada no modelo de visão Claude Opus 4.7 para criar materiais visuais de alta qualidade, como designs, protótipos, slides e one-pagers
- Com apenas descrições em texto, o usuário pode gerar rascunhos de design, protótipos, slides e materiais de marketing e depois revisar e finalizar tudo junto com o Claude
- Suporta várias formas de entrada, como prompts de texto, upload de imagens e documentos, conexão com codebase e captura da web, além de oferecer ajustes detalhados por meio de comentários inline, edição direta e sliders personalizados
- Durante o onboarding, lê a codebase e os arquivos de design da equipe para construir automaticamente um design system, aplicando depois de forma consistente as cores, a tipografia e os componentes da organização em todos os projetos
- Integra exportação para Canva, PDF, PPTX e HTML, além de bundles de handoff para o Claude Code, unificando em um único workflow o caminho da ideia até a implementação real
Visão geral do Claude Design
- Novo produto do Anthropic Labs, anunciado pela Anthropic em 17 de abril de 2026, que permite criar materiais visuais como designs, protótipos, slides e one-pagers junto com o Claude
- Funciona com base no modelo de visão Claude Opus 4.7
- Disponível como research preview para assinantes Claude Pro, Max, Team e Enterprise, com liberação gradual ao longo do dia
Público-alvo e problema que busca resolver
- Mesmo designers experientes acabam limitando o escopo de exploração a poucas opções por restrições de tempo
- Para fundadores, gerentes de produto e profissionais de marketing sem background em design, visualizar e compartilhar ideias é uma tarefa pesada
- O Claude Design oferece aos designers mais espaço para exploração ampla e, aos não designers, um meio de produzir materiais visuais
Como usar
- Basta descrever o que é necessário, e o Claude gera a primeira versão
- Depois, o resultado pode ser refinado por conversa, comentários inline, edição direta e sliders personalizados criados pelo Claude
- Com as permissões adequadas, o design system da equipe é aplicado automaticamente a todos os projetos, mantendo consistência com o design da empresa
Casos de uso por equipe
- Protótipos realistas: designers podem transformar mockups estáticos em protótipos interativos que podem ser compartilhados para coletar feedback e realizar testes com usuários, sem code review ou PR
- Wireframes e mockups de produto: gerentes de produto podem esboçar fluxos de funcionalidades e repassar a implementação para o Claude Code ou delegar refinamentos adicionais aos designers
- Exploração de design: designers podem gerar rapidamente diferentes direções
- Pitch decks e apresentações: fundadores e Account Executives podem transformar outlines brutos em decks alinhados à marca em poucos minutos, exportando em PPTX ou enviando para o Canva
- Materiais de marketing: profissionais de marketing podem criar landing pages, assets para redes sociais e visuais de campanha, finalizando depois com designers
- Design de fronteira: qualquer pessoa pode criar protótipos baseados em código usando voz, vídeo, shaders, 3D e IA embarcada
Funcionamento principal
- O Claude Design foi projetado para seguir um fluxo criativo natural
-
Construção do sistema de marca
- Durante o onboarding, o Claude analisa a codebase e os arquivos de design para gerar automaticamente o design system da equipe
- Depois, cores, tipografia e componentes são aplicados automaticamente em todos os projetos
- O sistema pode ser ajustado continuamente, e é possível manter vários sistemas por equipe
-
Diferentes formas de entrada
- Oferece vários pontos de partida, como prompts de texto, upload de imagens e documentos (DOCX, PPTX, XLSX) e indicação da codebase
- Com a ferramenta de captura da web, é possível trazer elementos de sites reais para criar protótipos semelhantes ao produto real
-
Controle detalhado
- Oferece comentários inline em elementos específicos, edição direta de texto e sliders para ajustar espaçamento, cor e layout
- As alterações podem ser aplicadas em lote a todo o design
-
Colaboração
- Suporta configurações de compartilhamento em nível organizacional
- É possível manter documentos privados, compartilhar links dentro da organização e colaborar com permissões de edição
- Também é possível editar designs com o Claude dentro de conversas em grupo
-
Exportação e integrações
- Permite exportar em vários formatos, incluindo URL interna da organização, pastas, Canva, PDF, PPTX e arquivos HTML independentes
- Os designs finalizados podem ser empacotados como bundles prontos para envio ao Claude Code, conectando diretamente à etapa de desenvolvimento
- No futuro, a empresa pretende ampliar as integrações com outras ferramentas
Casos de parceiros
- Canva: dando continuidade à colaboração com a Anthropic, permite levar com fluidez ideias e rascunhos criados no Claude Design para o Canva, convertendo-os imediatamente em designs totalmente editáveis e colaborativos
- Brilliant: antes, prototipar interatividade e animações complexas era algo difícil, mas o Claude Design oferece uma mudança de patamar (step change) ao transformar designs estáticos em protótipos interativos
- Até mesmo a página mais complexa, que em outras ferramentas exigia mais de 20 prompts, pôde ser reproduzida no Claude Design com 2 prompts
- Ao incluir a intenção de design no handoff para o Claude Code, a transição do protótipo para produção se torna mais fluida
- Datadog: o avanço do design em tempo real durante a conversa aumentou drasticamente a velocidade de prototipagem
- Trabalhos que levavam uma semana entre briefing, mockup e rodadas de revisão passaram a ser concluídos em uma única conversa
- Os resultados seguem com fidelidade a marca e as diretrizes de design
Como começar
- O Claude Design está disponível para assinantes Claude Pro, Max, Team e Enterprise e pode ser usado dentro dos limites da assinatura
- Ao ultrapassar o limite, é possível continuar usando por meio da configuração de uso adicional (extra usage)
- Em organizações Enterprise, o recurso vem desativado por padrão, e administradores podem habilitá-lo em Organization settings
- Comece a usar: claude.ai/design
3 comentários
Depois de usar, a taxa de reconhecimento de esboços em guardanapos é surpreendente. Agora nem chat é mais necessário.
Depois desse anúncio, só as ações da Figma estão despencando. A Adobe já caiu tudo antes, então também é curioso que quase não esteja se mexendo.
Comentários do Hacker News
Acho que ferramentas como essa só se tornaram possíveis porque o design na internet se homogenizou em torno de efeitos de vidro e drop shadows
Hoje dá para criar uma UI convincente com pouco esforço, mas os designs antigos, únicos e com cara de trabalho artesanal, estão cada vez mais raros e nostálgicos
Se for uma ferramenta interna para advogados de hospital pesquisarem ações por erro médico, a UI/UX mais previsível é a melhor opção
Ainda assim, os humanos precisam saber distinguir quando a homogeneidade é aceitável e quando personalidade é necessária
A menos que seja um projeto artístico, não é bom adicionar atrito desnecessário só pelo efeito “uau”
Os designs “esquisitos” do passado não eram arte intencional, mas o melhor que se podia fazer com ferramentas limitadas
Quem sabe o quão difícil é manter consistência e seguir guidelines de plataforma entende que isso é um verdadeiro presente divino
O problema não é tanto que design seja difícil, mas que quem os faz nem percebe que são feios
Na nossa agência, isso não substitui Figma nem designers
Em vez disso, é muito útil como ferramenta para comunicar intenção
Antes, gastávamos horas procurando sites de referência e escrevendo explicações; agora, fazemos rapidamente um mockup com Claude ou Lovable e enviamos, e o designer entende na hora
O ciclo de feedback caiu de semanas para minutos
Agora esse processo foi automatizado de um jeito melhor
O Google Stitch era lento e fraco, mas a abordagem baseada em Claude é bem impressionante
Segundo Alexander em Notes on the Synthesis of Form, design é um processo de racionalização de forças que definem um problema
Mas as pessoas confundem design com o resultado final
Esse mal-entendido produz designs inadequados
Com ferramentas generativas, em vez de entender o problema, acaba-se encaixando o problema nas formas que a ferramenta oferece
No fim, você só controla o efeito estético, e perde a compreensão estrutural real
A inovação só aparece em um processo de projeto lento e gradual, e isso se perde
Do ponto de vista de um engenheiro, elas até ajudam mais na exploração criativa do que ferramentas complexas de design
As ações da Figma caíram logo após a divulgação da notícia
Está claro que esse anúncio mira a Figma, mas a Lovable também acaba sendo afetada
Se a Anthropic adicionar recursos no nível da Figma, há uma grande chance de ser um sucesso enorme
Figma é para designers; Claude Design é para não designers
Colei os resultados do Stitch no Claude Design, e as perguntas eram perspicazes e o resultado excelente
Pretendo usá-lo como minha principal ferramenta de prototipagem por enquanto
Quanto mais penso nisso, mais sinto que isso não faz bem ao design
A IA não consegue produzir avanços criativos e acaba convergindo para resultados medianos
Bons designers vão rejeitar esse tipo de ferramenta
Design não é só UI, mas inclui movimento, tipografia, espaço em branco e sensibilidade
GUI precisa ser familiar, e tentar inventar novas interações costuma deixá-la pior de usar
Android e iOS são parecidos por esse motivo
Como designer com 25 anos de experiência, deixo meu feedback
O consumo de tokens é excessivo, e o trabalho com logos é péssimo
A UX foi frustrante, esquecendo feedback e voltando para versões anteriores
Há muito enfeite visual, mas pouco foco no usuário
Não aproveita bem sistemas de design existentes e sempre tende a recomeçar tudo do zero
Isso é parecido com a abordagem que organizei antes de extrair sistema de design → transformar em template → exportar, e é realmente poderoso
Uso isso todos os dias junto com Claude Code
É curioso que a Figma vinha colaborando com a Anthropic, mas desta vez não foi mencionada
O uso de IA pela Figma foi decepcionante, e o Figma Make era basicamente um prompt para Gemini 3 Pro
A Figma, que tinha uma proporção alta de assentos voltados para PMs ou desenvolvedores, provavelmente vai sentir bastante essa mudança
Claude Design é uma abordagem muito mais bem resolvida
Parece que a Anthropic está ampliando demais a área de produtos
Com essa expansão, a dispersão de foco é inevitável
A Figma vai continuar focada no produto, mas fica a dúvida se a Anthropic ainda vai se importar com isso daqui a 2 ou 3 anos
Parece querer conectar isso depois com orquestração de agentes
Claude Code, Cowork, Chat etc. formam um ecossistema centrado nos modelos Claude
Claude Design é uma extensão disso e tem a vantagem de compartilhar o contexto do usuário
Não deve acabar como Killed by Google
A maioria vai desaparecer, mas ainda assim é um momento interessante
Como a receita real vem só da venda de tokens, é importante manter o hype até o IPO
Sempre que a Anthropic lança um produto, vale lembrar que o alcance das cláusulas de não concorrência aumenta, e que a empresa gosta de litigar
Isso explica exatamente por que Mike Krieger saiu do conselho da Figma