Claude pode gerar diagramas personalizados, gráficos e elementos visuais interativos diretamente em sua conversa. Quando um elemento visual explicaria algo melhor do que texto, Claude cria um do zero—moldado para sua pergunta específica, renderizado inline como parte da resposta.
Observação: Os elementos visuais personalizados estão atualmente em beta e disponíveis para todos os usuários do Claude na web e desktop.
Como funciona
Você não precisa ativar nada. Claude decide quando um elemento visual seria útil com base no que você está perguntando. Você também pode pedir diretamente—tente frases como "desenhe isso como um diagrama", "mostre-me como isso muda ao longo do tempo" ou "faça um gráfico com esses dados".
Quando um elemento visual aparece, você pode interagir com ele—clique em botões, ajuste controles deslizantes, expanda para tela cheia—e continue fazendo perguntas de acompanhamento. Claude pode atualizar ou reconstruir o elemento visual conforme a conversa continua.
Aqui estão alguns exemplos do que Claude pode gerar:
"Mostre-me como esse processo funciona" → Claude mostra criando um fluxograma.
Carregue um CSV e pergunte "O que os dados mostram?" → Claude gera um gráfico interativo.
"Ajude-me a decidir entre duas opções diferentes" → Claude produz uma comparação lado a lado.
"Visualize esse sistema ou conceito" → Claude cria um diagrama junto com sua explicação.
Manter um elemento visual
Os elementos visuais personalizados são efêmeros por padrão. Eles existem inline como parte da resposta do Claude e não são salvos separadamente quando a conversa avança. Pense neles menos como um arquivo finalizado e mais como um esboço em um quadro branco.
No entanto, se você quiser manter um elemento visual, tem algumas opções:
Copiar como imagem — capture um instantâneo estático para anotações, apresentações ou uma colagem rápida.
Baixar — salve o elemento visual como um arquivo .svg ou .html.
Salvar como artifact — converta-o em um artifact que você pode manter, publicar e iterar ao longo do tempo.
Esta é a principal diferença prática em relação aos artifacts: artifacts são persistentes e compartilháveis desde o início, enquanto elementos visuais personalizados ajudam você a pensar no momento e só permanecem se você optar por mantê-los. Se você quiser criar algo persistente—uma ferramenta, um aplicativo, um documento para compartilhar—peça ao Claude para criar um artifact. Para mais informações, consulte O que são artifacts e como usá-los?
Como os elementos visuais personalizados são criados?
Os elementos visuais personalizados não são fotos ou ilustrações. Claude os cria usando HTML—os mesmos blocos de construção das páginas da web—para que sejam interativos e específicos para sua pergunta em vez de imagens estáticas.
Limitações
Os elementos visuais personalizados estão disponíveis apenas em chats nos aplicativos Claude web e desktop. Eles não são renderizados no Claude para iOS ou Claude para Android ou em sessões do Cowork.
Se você compartilhar um chat, o elemento visual é renderizado para o destinatário apenas na web e desktop, e ele deve estar conectado para visualizar.
Os elementos visuais não são salvos automaticamente. Para manter um, use uma das opções descritas acima.
Este recurso está em beta. A qualidade e complexidade dos elementos visuais variarão, e Claude pode não sempre optar por gerar um elemento visual quando você espera.
Dicas
Peça o que você quer. Se Claude fornecer uma saída de texto quando você preferiria um elemento visual, tente reformular—"mostre-me um diagrama de como isso funciona" ou "faça um gráfico disso para mim".
Mais inteligente é melhor. Opus tem o melhor desempenho em tarefas de visualização, então se você está buscando algo complexo, recomendamos escolher um modelo mais inteligente.
Personalize seus elementos visuais. Se você disser ao Claude "faça todas as minhas visualizações em rosa", Claude lembrará.
Itere na conversa. Você pode pedir ao Claude para ajustar um elemento visual da mesma forma que pediria para revisar texto—"faça o gráfico mostrar mensalmente em vez de anualmente" ou "adicione uma terceira opção à comparação".
