Cómo usar Claude Artifacts para crear y previsualizar tu trabajo
Una guía paso a paso para principiantes para generar documentos, resúmenes y aplicaciones sencillas que aparecen en vivo junto a tu chat de Claude.
Al final de esta guía, podrás pedirle a Claude, el útil asistente de IA, que produzca documentos, resúmenes o incluso una pequeña aplicación web y ver el resultado al instante junto a tu conversación de chat. Esto es para cualquiera que quiera una forma rápida y visual de convertir ideas en piezas terminadas sin necesidad de experiencia en codificación.
- Una cuenta de Anthropic: Necesitarás un inicio de sesión para acceder a Claude. Si no tienes una, normalmente puedes registrarte gratis en el sitio web de Claude.
- Un navegador web moderno en un equipo de escritorio o portátil: Aunque Claude funciona en dispositivos móviles, la función Artifacts se ve y utiliza mejor en una pantalla más grande como un ordenador o una tablet, ya que requiere espacio adicional junto a tu chat.
- Una idea o un fragmento de texto: Piensa en algo que te gustaría que Claude te ayudara a crear, como una carta de agradecimiento, un resumen de un artículo o una lista sencilla.
- Tiempo total estimado: Calcula unos 5-10 minutos para seguir esta guía por primera vez. La función Artifacts generalmente está disponible en el nivel gratuito de Claude.
Abre Claude y comienza un nuevo chat
Primero, abre tu navegador web y ve a claude.ai. Aterrizarás en la página de inicio de sesión o, si ya has iniciado sesión, en la interfaz principal de Claude. Una vez dentro, busca un botón para iniciar una conversación nueva. Este botón suele estar en la esquina superior izquierda de la pantalla y puede estar etiquetado como "+ Nuevo chat" o simplemente tener un icono de "+". Haz clic en él para abrir un espacio en blanco para tu nueva solicitud.
Si se ve diferente: El botón "Nuevo chat" podría aparecer como un icono de lápiz, una burbuja de diálogo o un enlace de texto claro. Solo busca una opción que indique claramente el inicio de una conversación nueva.
💬 Ejemplo: Ves un botón en la barra lateral etiquetado como "+ Nuevo chat".
Sabrás que funcionó cuando veas un área de conversación de chat en blanco lista para tu entrada, a menudo con un saludo de Claude como "¿Hola! ¿Cómo puedo ayudarte hoy?"

Activa el panel de Artifacts
A continuación, necesitamos activar el área de visualización especial para tus creaciones. En la barra de herramientas del chat, que suele estar en la parte superior o lateral de la ventana de conversación, busca un icono que se asemeje a una pequeña pila de papeles, un cuadrado con un símbolo de "play" o un simple rectángulo. Este es el botón de Artifacts. Un artifact es simplemente lo que Claude llama a una pieza de contenido (como un documento, imagen o código) que genera y muestra en un área de vista previa en vivo dedicada, separada del chat principal. Haz clic en este botón para revelar el panel.
Si se ve diferente: El icono podría variar, pero suele ser un icono que sugiere "salida" o "archivos". Si no lo encuentras fácilmente, intenta buscar en cualquier menú de "Vista" o "Herramientas" si tu interfaz tiene uno, o simplemente escribe tu prompt y Claude podría sugerirte activar Artifacts.
💬 Ejemplo: Ves un icono como dos cuadrados superpuestos. Después de hacer clic, aparece un panel en el lado derecho de la pantalla, etiquetado como "Artifacts".
Sabrás que funcionó cuando aparezca un panel nuevo y vacío en el lado derecho de tu pantalla, a menudo etiquetado como "Artifacts" o "Salida", esperando que Claude muestre algo en él.

Escribe un prompt claro
Ahora es el momento de decirle a Claude qué quieres crear. Las instrucciones que le das a una IA se llaman prompt. Para asegurarte de que Claude entienda que quieres una salida visual en el panel de Artifacts, es una buena idea incluir la palabra "artifact" en tu prompt. Escribe tu solicitud directamente en el cuadro de mensaje en la parte inferior de la ventana de chat. Mantén tu solicitud específica y clara.
Si se ve diferente: El cuadro de mensaje siempre estará en la parte inferior del chat, generalmente etiquetado como "Mensaje a Claude..." o "Escribe tu mensaje aquí."
💬 Ejemplo:
Crea un artifact de carta de agradecimiento para mi vecina, Emma, quien me ayudó a mover mi sofá el sábado. Usa un tono amigable y mantenlo en menos de 200 palabras.
Sabrás que funcionó cuando presiones Enter o hagas clic en el botón "Enviar" (a menudo un icono de avión de papel), y Claude comience a generar una respuesta, con su actividad de escritura visible en el área principal del chat.

Deja que Claude genere el artifact
Una vez que hayas enviado tu prompt, Claude se pondrá a trabajar. Procesará tu solicitud y, en unos momentos, verás su respuesta de texto aparecer en el área principal del chat. De manera crucial, la carta o documento terminado también aparecerá, cuidadosamente formateado, en el panel de Artifacts que abriste anteriormente. Esta es tu área de vista previa en vivo. Puedes desplazarte por el contenido, copiar secciones específicas o incluso descargarlo directamente desde este panel.
Si se ve diferente: A veces, Claude podría tardar un poco más en generar, especialmente para solicitudes más complejas. Solo ten paciencia. Si crea una respuesta solo de texto en el chat y nada en Artifacts, intenta agregar "Por favor, muestra esto como un artifact" a tu siguiente prompt.
💬 Ejemplo: El panel de Artifacts a la derecha ahora muestra un documento titulado "Carta de agradecimiento a Emma", completo con párrafos de texto como solicitaste, separado del mensaje de chat de Claude.
Sabrás que funcionó cuando la carta de agradecimiento aparezca cuidadosamente formateada dentro del panel de Artifacts, separada de la conversación del chat.

✦ Guía original paso a paso del equipo editorial de IA de AI World Co. Escrita en lenguaje claro y revisada para mayor precisión.
← Volver a las noticias