Criação de visual a partir de prompt
Descreva uma ideia visual em uma conversa e o Claude criará uma primeira versão à qual você poderá reagir, aprimorar e transformar em um design, mockup, página única ou apresentação.
PERFIL DA FERRAMENTA TOOLAI
Claude Design
Transforme ideias em designs, protótipos, apresentações e trabalhos visuais alinhados à marca com o Claude.
Ver imagem completa
VISÃO GERAL
Sobre Claude Design
O Claude Design é um espaço de trabalho de design dentro do Claude para transformar descrições, arquivos, bases de código e sistemas de design existentes em trabalhos visuais. Ele pode criar primeiras versões de páginas únicas, mockups, apresentações, materiais de marketing e protótipos interativos que você pode aprimorar por meio de conversas.
| Nome da ferramenta | Claude Design |
|---|---|
| Categoria | Assistente de design , Apresentações |
| Modelo de preços | O Claude Design está incluído nos planos do Claude, incluindo o plano Free. O uso é contabilizado nos limites aplicáveis do plano Claude; o uso extra pode ser ativado além desses limites. |
| Plataforma e recursos | Conversas do Claude, a aba Artifacts, o Claude Code no desktop ou no terminal e o site independente claude.ai/design durante o período de transição. |
| Data de listagem | 2026-10-27 |
| Principais alternativas | FlyArt: criador de flyers , Clipdrop , Notionsmith |
UM OLHAR MAIS DE PERTO
Veja em ação
Explore as telas do produto e os exemplos publicados. Abra qualquer imagem para vê-la mais de perto.
O QUE VOCÊ PODE FAZER
Uma ferramenta que vale a pena explorar
Conheça os recursos. Encontre sua própria maneira de usá-los.
Integração com sistemas de design
Importe sistemas de design do GitHub, arquivos de design ou uploads para que o Claude possa usar cores, tipografia, tokens e componentes reais em vez de templates genéricos.
Protótipos interativos
Transforme conceitos iniciais e mockups estáticos em protótipos clicáveis baseados em código, incluindo experiências com voz, vídeo, shaders, 3D e IA integrada.
Edição detalhada no canvas
Comente elementos individuais, edite textos diretamente, ajuste espaçamento e cor com controles deslizantes gerados e arraste, redimensione ou alinhe itens no canvas.
Aprimoramento por conversa
Itere por meio de solicitações em linguagem natural e peça ao Claude para aplicar alterações em todo o design, preservando a direção visual e o sistema de design fornecido.
Entrega para o Claude Code
Mova um design concluído para o Claude Code por meio de um pacote de entrega ou crie, edite e sincronize projetos de design usando o comando /design.
Compartilhamento e colaboração
Compartilhe links privados com escopo da organização, permita que colegas visualizem ou editem e colabore com o Claude em uma conversa em grupo.
Exportações e conectores
Exporte o trabalho como PDF, PPTX, HTML ou uma pasta e envie designs para destinos conectados, incluindo Adobe, Canva, Gamma, Lovable, Miro, Replit, Vercel e Wix.
FEITO PARA O SEU FLUXO DE TRABALHO
Como ele se encaixa no seu dia
Explorar um fluxo de produto
Descreva um recurso proposto, importe o sistema de design existente e crie várias direções interativas que as equipes de produto e design possam revisar antes da implementação.
Preparar um conceito de campanha
Use um briefing e materiais da marca para elaborar conceitos de páginas de destino, materiais para redes sociais ou uma apresentação e, em seguida, exporte a direção escolhida para finalização em uma ferramenta conectada.
Criar uma entrega para desenvolvedores
Crie um protótipo de interface alinhado à marca, refine seu layout e suas interações e envie o contexto de design resultante ao Claude Code para o trabalho de implementação.
SEUS PRIMEIROS PASSOS
Do primeiro clique ao primeiro resultado
Abra o Claude Design
Comece em uma conversa do Claude, na aba Artifacts, no Claude Code ou no ponto de entrada do Claude Design.
Descreva o resultado
Explique o visual, o público, o conteúdo, o estilo e a interação que você quer que o Claude crie.
Adicione materiais de origem
Envie documentos ou imagens relevantes, conecte uma base de código ou inclua um sistema de design e elementos de um site.
Aprimore o canvas
Use comentários, edições diretas de texto, controles deslizantes e instruções por conversa para ajustar o design.
Compartilhe ou faça a entrega
Compartilhe um link da organização, exporte para um formato compatível, envie o trabalho para um conector ou encaminhe-o ao Claude Code.
DÊ UMA OLHADA
Tenha uma ideia de como é na prática
Explore a demonstração ou o vídeo da ferramenta para conhecer sua interface e seu fluxo de trabalho.
PLANEJE SEU PRÓXIMO PASSO
Um plano para a sua forma de trabalhar
O Claude Design está incluído nos planos do Claude, incluindo o plano Free. O uso é contabilizado nos limites aplicáveis do plano Claude; o uso extra pode ser ativado além desses limites.
PLANO
Free
O Claude Design está incluído e usa os limites de uso do Claude do plano.
- Acesso ao Claude Design
- Trabalho de design baseado em Artifacts
- Uso sujeito aos limites do plano
PLANO
Pro, Max, Team e Enterprise
Incluído nessas assinaturas do Claude e em suas franquias de uso. Os administradores da organização podem gerenciar o acesso aos Artifacts.
- Acesso ao Claude Design
- Fluxos de trabalho com sistemas de design
- Entrega para o Claude Code
- Uso sujeito aos limites da assinatura
Os preços, limites de uso e termos podem mudar. Confirme os detalhes mais recentes no site oficial da ferramenta antes de assinar.
Onde posso usar o Claude Design?
Ele está disponível nas conversas do Claude, na aba Artifacts e no Claude Code no desktop ou no terminal. O site independente claude.ai/design permanece disponível durante a transição.
Quais arquivos posso importar?
Você pode importar imagens, arquivos DOCX, PPTX e XLSX, arquivos de design, repositórios do GitHub, bases de código locais e elementos capturados de um site.
Ele pode usar o sistema de design da minha empresa?
Sim. Você pode incluir um ou mais sistemas de um repositório, arquivos de design ou uploads. Os administradores podem aprovar um sistema padrão e bloquear edições da equipe.
Quais ferramentas podem receber trabalhos do Claude Design?
Os conectores listados incluem Adobe, Canva, Gamma, Lovable, Miro, Replit, Vercel e Wix. O trabalho também pode ser exportado como PDF, PPTX ou HTML.
O Claude Design está incluído no meu plano?
A página do produto informa que o Claude Design, o Claude Slides e o Claude Docs estão incluídos em todos os planos, incluindo o Free. O trabalho ainda conta para os limites de uso do plano.
Como envio um design para o Claude Code?
Use a entrega para o Claude Code a partir de um design concluído ou peça ao Claude Code para criar e sincronizar um projeto com /design.
DA COMUNIDADE
Como tem sido sua experiência?
Já experimentou esta ferramenta?
Entre para compartilhar sua experiência e ajudar outras pessoas a encontrar a ferramenta certa.
FEATURED BADGE
Embed "Featured on ToolAI.io" Badge
SUA PRÓXIMA DESCOBERTA
Mais ferramentas para explorar
FlyArt: criador de flyers
Crie flyers personalizados em diferentes tamanhos com facilidade, sem precisar de conhecimentos de design.
Clipdrop
O ecossistema definitivo de aplicativos, plugins e recursos para todos os criadores, com tecnologia de inteligência artificial. Crie visuais impressionantes em segundos.
Notionsmith
O Notionsmith gera personas de UX para qualquer produto e permite conversar com elas. Você não precisa ter criado o produto; basta descrever o que tem em mente.
Describe Image
Describe Image transforma imagens e vídeos curtos em descrições, texto alternativo, OCR, legendas, conteúdo para SEO, descrições de produtos e resumos reutilizáveis.
DÊ O PRÓXIMO PASSO
Pronto para explorar Claude Design?
Visite o site oficial para conhecer os recursos mais recentes e começar.
Claude Designclaude.com
Visitar site