← Claude Code Hub
Nov 10, 2026 · 4 min de lectura ✦ Tip #264

Whiteboards en Claude Code: dibuja tu arquitectura con Claude

Whiteboards llega a Claude Code como un tipo de artefacto más: le pides la arquitectura de tu repo y la dibuja en una pizarra que tu equipo puede editar. La documentación de Claude Code todavía no lo cuenta.

Whiteboards en Claude Code: a la izquierda, la terminal con la petición Dibuja la arquitectura de este repo en una pizarra y el enlace que devuelve; a la derecha, la pizarra con los bloques Navegador, Controladores, Vistas, Modelos, Claude Code y Servidor MCP apareciendo uno a uno

TL;DR Escribe Dibuja la arquitectura de este repo en una pizarra y abre el enlace. Selecciona un bloque para pedirle cambios sobre él. Está en beta en todos los planes de pago; en Enterprise viene apagado.

Claude Whiteboards salió el 10 de noviembre de 2026 como una pizarra compartida dentro de Claude. En Claude Code aparece como un tipo de artefacto más: le pides un dibujo de tu repo, lee el código, crea la pizarra y te devuelve un enlace. La documentación de Claude Code solo habla hoy de las plantillas de Slides, Design y Docs, así que esto todavía no está escrito en ningún sitio oficial.

Lo que sale

Esta es la pizarra que dibujó de wmedia.es, una aplicación Laravel, a partir de sus rutas, controladores y modelos:

Pizarra Arquitectura de wmedia.es: el navegador entra por HTTP a los controladores, que usan las vistas Blade y los modelos; Claude Code entra por MCP al servidor MCP, en naranja, que también escribe en los modelos; los modelos guardan en la base de datos

Redibujada a partir de la pizarra real, con las etiquetas traducidas.

Hicieron falta dos llamadas: una para crear la pizarra y otra con 18 escrituras (título, frase de resumen, sección, siete bloques, seis flechas y la leyenda). No es una imagen. Cada bloque es un elemento que tú o tu equipo podéis mover, renombrar o borrar en claude.ai.

Cómo pedirla

1. Pide el dibujo

Dibuja la arquitectura de este repo en una pizarra

Funciona igual con un flujo ("cómo pasa un pedido de carrito a factura") o con un plan ("las fases de la migración a Postgres").

2. Abre el enlace y compártela

La pizarra nace privada. El botón Compartir de claude.ai decide quién más la abre. Hasta entonces, el enlace solo te funciona a ti.

3. Señala y pide

Con la pizarra abierta junto al chat, cada mensaje tuyo le dice a Claude qué tienes seleccionado. No hace falta describir el bloque:

Tres pasos: seleccionas un bloque, Claude recibe cuál es en el campo selected, y escribe solo ese elemento con update elements/e9 sin tocar el resto de la pizarra

Añade a este bloque los modelos que faltan

En la prueba, añadir LeadMagnet al bloque de modelos fue una sola escritura sobre ese elemento. Claude no rehace la pizarra: la lee y cambia solo lo que toca, para no pisar lo que otra persona esté moviendo.

4. Mantenla al día

Actualiza la pizarra con lo que ha cambiado en esta rama

Si la sesión es otra, recupera primero el artefacto con /artifacts y Claude seguirá escribiendo en el mismo enlace.

Qué puede llevar una pizarra

Elemento Para qué
Bloques Rectángulos, rombos, cilindros de base de datos, colas, documentos, nubes
Secciones Agrupar lo relacionado, como la aplicación en el dibujo de arriba
Flechas Unir bloques, con etiqueta cuando el significado no es evidente
Tablas Comparar punto por punto
Dibujos Ilustraciones que traza Claude, para lo que se entiende mejor viéndolo
Embeds Páginas pequeñas que funcionan: una encuesta, una calculadora, un prototipo

El límite es de 800 elementos por pizarra. Dos cosas que conviene saber antes de pedir: no dibuja personas, y para explicar software usa bloques y flechas, no ilustraciones, salvo que se las pidas.

Según Anthropic, una pizarra se puede convertir después en un doc o en una presentación, o llevarse a Miro, Lucid o Vani. Eso no está probado desde Claude Code.

Dónde está disponible

  • Planes: todos los de pago, en beta.
  • Team: activado por defecto.
  • Enterprise: apagado por defecto. Un Owner lo activa en Organization settings > Artifacts.
  • Claude Code: el tipo Whiteboard aparece tanto en la v2.1.319 como en la v2.1.322. Depende de que el despliegue haya llegado a tu cuenta, no de la versión.

Si nunca has publicado un artefacto desde la terminal, empieza por cómo funcionan los artifacts en Claude Code. Y si lo que necesitas es una tabla con fórmulas, Claude Sheets se pide igual.

Documentación oficial: Anuncio de Whiteboards, Sheets y Data · Artifacts en Claude Code

Requisitos: un plan de pago con sesión iniciada en claude.ai (/login). Los artefactos no están disponibles con API key ni en Bedrock, Agent Platform o Foundry.

¿Te ha servido? Haz que wmedia.es te salga antes en Google.

Añadir wmedia.es como fuente preferida en Google
GUÍA GRATUITA

Aprueba menos, pero mejor.

A los diez minutos ya le das a «sí» sin leer. Eso no es revisar, es rezar. La guía de 10 páginas con las cinco palancas, en orden de riesgo.

  • 1. Reglas la primera que coincide gana
  • 2. Modo un dial, no un interruptor
  • 3. Auto mode un clasificador aprueba por ti
  • 4. Sandbox una valla del sistema operativo
  • 5. Bypass solo dentro de un contenedor
¿Eres desarrollador/a Web profesional?

Recibirás la guía por email · Te unes a la newsletter Gravitas · Cancela cuando quieras

de 10
#

Wmedia · 10 páginas
GUÍA GRATUITA · 10 páginas · 5 palancas

Aprueba menos, pero mejor.

A los diez minutos ya le das a «sí» sin leer. Eso no es revisar, es rezar. La guía de 10 páginas con las cinco palancas, en orden de riesgo.

¿Eres desarrollador/a Web profesional? · Cancela cuando quieras
Cómo trabajo con IA

Mi flujo de trabajo con Claude Code.

Las skills, agentes e instrucciones que uso como Software Engineer profesional. Se llama Craft y es un plugin que puedes instalarte.

Ver las skills

¿Harto de aprobar permisos sin leer?