Ir al contenido principal

Elementos visuales personalizados en chat y Cowork

Actualizado hoy

Claude puede generar diagramas personalizados, gráficos y elementos visuales interactivos directamente en tu conversación. Cuando un elemento visual explica algo mejor que el texto, Claude lo crea desde cero, adaptado a tu pregunta específica y renderizado en línea como parte de la respuesta.

Nota: Los elementos visuales personalizados están actualmente en versión beta y disponibles para todos los usuarios de Claude en web y escritorio, tanto en chat como en Cowork.

Cómo funciona

No necesitas activar nada. Claude decide cuándo un elemento visual sería útil según lo que preguntes. También puedes pedirlo directamente—prueba frases como "dibuja esto como un diagrama", "muéstrame cómo cambia esto con el tiempo" o "grafica estos datos".

Una vez que aparece un elemento visual, puedes interactuar con él—hacer clic en botones, ajustar controles deslizantes, expandirlo a pantalla completa—y seguir haciendo preguntas de seguimiento. Claude puede actualizar o reconstruir el elemento visual conforme continúa la conversación.

Aquí hay algunos ejemplos de lo que Claude podría generar:

  • "Muéstrame cómo funciona este proceso" → Claude te lo muestra creando un diagrama de flujo.

  • Carga un CSV y pregunta "¿Qué muestran los datos?" → Claude genera un gráfico interactivo.

  • "Ayúdame a decidir entre dos opciones diferentes" → Claude genera una comparación lado a lado.

  • "Visualiza este sistema o concepto" → Claude crea un diagrama junto con su explicación.

Elementos visuales personalizados en Cowork

Los elementos visuales personalizados funcionan de la misma manera en sesiones de Cowork, excepto por un par de diferencias:

  • Sin compartir. Las sesiones de Cowork se ejecutan localmente, por lo que los elementos visuales no se renderizan para otros a través de un enlace compartido.

  • Sin clic para seguimiento. En chat, hacer clic dentro de un elemento visual envía una pregunta de seguimiento a Claude (por ejemplo, "profundizar en Q3"). Este atajo aún no está disponible en Cowork, pero aún puedes hacer preguntas de seguimiento escribiéndolas.

Guardar un elemento visual

Los elementos visuales personalizados son efímeros por defecto. Existen en línea como parte de la respuesta de Claude y no se guardan por separado cuando la conversación avanza. Piénsalos menos como un archivo terminado y más como un bosquejo en una pizarra.

Sin embargo, si deseas guardar un elemento visual, tienes algunas opciones:

  • Copiar como imagen — obtén una captura estática para notas, diapositivas o un pegado rápido.

  • Descargar — guarda el elemento visual como un archivo .svg o .html.

  • Guardar como artefacto — conviértelo en un artefacto que puedas guardar, publicar e iterar con el tiempo.

Esta es la principal diferencia práctica con respecto a los artefactos: los artefactos son persistentes y compartibles desde el inicio, mientras que los elementos visuales personalizados te ayudan a pensar en el momento y solo permanecen si decides guardarlos. Si deseas crear algo persistente—una herramienta, una aplicación, un documento para compartir—pídele a Claude que cree un artefacto en su lugar. Para más información, consulta ¿Qué son los artefactos y cómo los uso?

¿Cómo se construyen los elementos visuales personalizados?

Los elementos visuales personalizados no son fotos ni ilustraciones. Claude los construye usando HTML—los mismos bloques de construcción que las páginas web—para que sean interactivos y específicos a tu pregunta en lugar de imágenes estáticas.


Limitaciones

  • Los elementos visuales personalizados están disponibles en chats solo en las aplicaciones web y de escritorio de Claude. No se renderizan en Claude para iOS o Claude para Android.

  • Si compartes un chat, el elemento visual se renderiza para el destinatario solo en web y escritorio, y debe estar conectado para verlo.

  • Los elementos visuales no se guardan automáticamente. Para guardar uno, usa una de las opciones descritas arriba.

  • Esta función está en versión beta. La calidad y complejidad de los elementos visuales variarán, y Claude podría no elegir generar un elemento visual cuando lo esperes.


Consejos

  • Pide lo que quieres. Si Claude da una salida de texto cuando preferirías un elemento visual, intenta reformular—"muéstrame un diagrama de cómo funciona esto" o "grafica esto para mí".

  • Más inteligencia es mejor. Opus tiene el mejor desempeño en tareas de visualización, así que si buscas algo complejo, te recomendamos elegir un modelo más inteligente.

  • Personaliza tus elementos visuales. Si le dices a Claude "haz todas mis visualizaciones de color rosa", Claude lo recordará.

  • Itera en la conversación. Puedes pedirle a Claude que ajuste un elemento visual de la misma manera que le pedirías que revise texto—"haz que el gráfico muestre datos mensuales en lugar de anuales" o "añade una tercera opción a la comparación".

¿Ha quedado contestada tu pregunta?