El jueves por la tarde Anthropic soltó dos bombas para cualquier marketer en el mismo día.
Una herramienta que transforma prompts en prototipos, decks, mockups, y assets visuales — lista para usar desde Claude. Y un framework open source que convierte HTML en vídeo MP4 directamente desde tu terminal con Claude Code. Sin exportar a Premiere. Sin abrir After Effects. Sin esperar al equipo de diseño.
Me quedé mirando la pantalla y pensé lo mismo que probablemente estás pensando tú.
¿Esto ya existe de verdad?
Sí. Existe. Y lo estoy comprobando en persona este fin de semana.
Qué son exactamente estos dos lanzamientos
Claude Design
El 17 de abril Anthropic lanzó Claude Design — un producto de Anthropic Labs, disponible en investigación previa para suscriptores de Claude Pro, Max, Team, y Enterprise.
Qué hace: tomas una idea y obtienes algo visual. Puedes partir de un texto, subir imágenes, documentos (DOCX, PPTX, XLSX), o apuntarle directamente a tu codebase o web. Desde ahí, Claude genera prototipos interactivos, slides, one-pagers, wireframes, mockups, y colateral de marketing — todo con código detrás que puede incluir voz, vídeo, shaders, 3D, e IA nativa.
Lo que lo distingue de otros generadores visuales:
Lee tu design system: si tienes un codebase o archivos de diseño, Claude Design los lee y aplica tu sistema de diseño a todo lo que genera. Consistencia de marca por defecto.
Refinamiento conversacional: ajustas por chat, comentarios inline, edición directa, o sliders personalizados que el propio Claude crea para tu caso.
Export total: PDFs, URLs, PPTX, o envío directo a Canva.
Motor: corre sobre Claude Opus 4.7, el modelo con mayor capacidad de visión que Anthropic ha lanzado — resolución máxima de imagen subida a 2.576px / 3,75MP.
No es Figma. No reemplaza a un diseñador que trabaja sobre un sistema maduro. Pero para el 80% de las necesidades creativas de un equipo de marketing — el one-pager de campaña, el deck de resultados, el mockup del nuevo landing, el asset de la semana — funciona.
Y funciona en minutos.
Hyperframes
El mismo día, HeyGen lanzó y open-sourceo Hyperframes — un framework HTML-to-MP4 diseñado nativamente para agentes.
La premisa es brutal en su simplicidad: describes el vídeo en lenguaje natural, Claude Code escribe la composición en HTML + CSS + JavaScript, y Hyperframes renderiza el MP4 en tu máquina. Sin cloud. Sin suscripción a una plataforma de vídeo. Sin esperar a que un editor monte la pieza.
Cómo funciona:
npx hyperframes preview → abre vista previa en el navegador con live reload
npx hyperframes render → genera el MP4 final
Dos comandos. Todo local. Output en MP4, MOV, o WebM.
Hyperframes viene con skills de Claude Code preinstaladas — puedes invocar /hyperframes para componer, /hyperframes-cli para comandos, y /gsap para animaciones. Incluye más de 50 bloques listos: overlays sociales, transiciones con shaders, visualizaciones de datos, efectos cinematográficos.
La arquitectura soporta un patrón de Frame Adapters — traes tu propio runtime de animación (GSAP, Lottie, CSS, Three.js) y Hyperframes se encarga del render.
HeyGen construyó su propio vídeo de lanzamiento con él. El código está en GitHub. El Apache 2.0.
Lo que esto cambia para un CMO
Antes de estos dos lanzamientos, el flujo estándar de producción creativa de un equipo de marketing con IA era así:
Prompt de copy → ChatGPT / Claude
Brief visual → diseñador o Canva
Vídeo → editor o plataforma de vídeo IA (Runway, HeyGen, Sora)
Consolidación → tú, a mano
Cada paso era un silo. Cada silo requería una herramienta distinta, un humano distinto, o una suscripción distinta.
Con Claude Design y Hyperframes, los pasos 2 y 3 ahora se pueden automatizar dentro del mismo agente que escribe el copy.
Un agente puede producir el texto, el visual, y el vídeo. En el mismo loop. Con tu design system aplicado.
Eso no es evolución lineal. Es un salto.
Los 4 agentes que construí durante el fin de semana
Tres capas en cada agente. Las mismas que en cualquier sistema bien construido:
┌──────────────────────────────────────────────────────────────────────┐
│ ARQUITECTURA DE UN AGENTE CREATIVO │
├──────────────────────────────────────────────────────────────────────┤
│ │
│ SKILLS → Qué sabe hacer │
│ (diseño, vídeo, copy, brand voice, formato de plataforma) │
├──────────────────────────────────────────────────────────────────────┤
│ MCP CONNECTIONS → A qué accede │
│ (design system, Notion, Buffer, Google Drive, Canva) │
├──────────────────────────────────────────────────────────────────────┤
│ REGLAS → Hasta dónde llega │
│ (genera solo / espera aprobación / publica automáticamente) │
└──────────────────────────────────────────────────────────────────────┘
Agente 1 — Generador de mockups de campaña
El dolor: El equipo llega al kick-off de campaña con un brief en un Google Doc. Nadie puede visualizar cómo quedará. Se piden mockups. El diseñador tarda 3 días. La reunión se pospone.
La solución: Un agente que convierte el brief en un prototipo navegable en 15 minutos — landing page, email header, ad creatives — con el design system aplicado.
Prompt para Claude Code:
Eres un agente de diseño de campañas de marketing.
CONTEXTO DE MARCA: [Pega aquí tu guía de design system: colores hex, tipografía, tono visual, ejemplos de campañas anteriores en URL o como archivos adjuntos]
BRIEF DE CAMPAÑA: Producto/servicio: [X] Objetivo: [conversión / awareness / retención] Audiencia: [descripción del ICP] Mensaje principal: [una frase] Llamada a la acción: [CTA] Canal principal: [landing page / email / paid social]
TAREA:
Genera el prototipo de la landing page de la campaña usando Claude Design. Aplica el design system de forma estricta. La landing debe incluir:
Hero con headline y subheadline
Sección de beneficios (3 puntos)
Testimonial o prueba social
CTA principal
Footer mínimo
Genera también el header del email de lanzamiento (600px de ancho).
Genera las variantes de ad creative: formato cuadrado (1:1) y vertical (9:16).
Entrega los assets como URLs navegables + export a PDF y PPTX. Indica qué elementos del design system aplicaste en cada pieza.
Eres un agente productor de vídeo ads para paid social.
Resultado: El prototipo navegable llega a la reunión. El equipo revisa sobre algo real, no sobre imaginación.
Agente 2 — Productor de vídeo ads con Hyperframes
El dolor: Cada semana se necesitan 3-5 variaciones de vídeo para paid social. El equipo de edición no da abasto. La agencia cobra por pieza. Los formatos cambian cada trimestre.
La solución: Un agente que genera las variantes de vídeo ad directamente desde el brief, con Hyperframes renderizando el MP4 en local.
Prompt para Claude Code (con Hyperframes instalado):
CONTEXTO DE CAMPAÑA:
Producto: [X]
Mensaje clave: [una frase de 10 palabras máximo]
Audiencia: [descripción]
Duración: [15 segundos / 30 segundos]
Plataformas: [Instagram Reels / TikTok / YouTube Shorts / LinkedIn]
Paleta de colores: [hex codes]
Tipografía: [fuente principal y fuente de apoyo]
Tono visual: [minimalista / bold / cinematic / ugc-style]
TAREA:
Usando Hyperframes (/hyperframes), crea una composición HTML para el vídeo ad
con esta estructura:
FRAME 1 (0-3s): Hook visual — imagen o color de fondo impactante + headline
FRAME 2 (3-8s): Problema — texto breve que identifica el dolor del ICP
FRAME 3 (8-12s): Solución — beneficio principal con visual de soporte
FRAME 4 (12-15s): CTA — botón y URL visibles + logo de marca
Aplica transición de fade entre frames. Usa GSAP para las animaciones de texto
(entrada con slide-up, duración 0.4s).
Genera tres variantes:
- Variante A: fondo oscuro, texto claro
- Variante B: fondo claro, texto oscuro
- Variante C: fondo con gradiente de marca
Renderiza cada variante en formato 9:16 (1080x1920) para Reels y TikTok.
Ejecuta npx hyperframes render para cada una y devuelve las rutas de los MP4.
Resultado: Tres variantes de vídeo ad en MP4. Listas para subir. Sin abrir Premiere.
Agente 3 — Generador de assets de marca para la semana
El dolor: Cada semana hay que producir: portada de newsletter, header de email, banners para LinkedIn, imagen para stories, quote card para Twitter/X. Son 8-10 piezas que van al mismo lugar: un Google Drive desorganizado al que el community manager accede sin briefing claro.
La solución: Un agente que genera todos los assets de la semana en un solo prompt, nomea los archivos correctamente, y los sube a la carpeta compartida.
Prompt para Claude Code:
Eres el agente de producción de assets de marca semanales.
CONTEXTO DE MARCA: Design system: [adjunta archivos o URL] Tema de la semana: [describe el tema editorial de la semana] Campaña activa: [nombre de campaña si aplica] Fecha de publicación: [semana del DD al DD de mes]
TAREA: Genera los siguientes assets usando Claude Design, aplicando el design system de forma estricta en cada uno:
Portada de newsletter (600px × 300px)
Header de email (600px × 200px)
Banner LinkedIn (1200px × 627px)
Quote card cuadrada (1080px × 1080px)
Story vertical (1080px × 1920px)
Exporta cada asset. Nombra los archivos con el formato: [semana-AAAA-MM-DD]-[tipo]-[formato].png
Comparte las URLs o rutas de cada archivo en un listado ordenado.
Resultado: 5 assets nombrados y listos. El community manager entra a la carpeta y sabe exactamente qué es cada cosa.
Agente 4 — Calendario editorial visual completo
El dolor: El content calendar existe en Notion o en un Excel. El equipo lo sabe en abstracto. Pero hasta que alguien no hace los assets y los pone en un deck visual, nadie tiene claridad de cómo queda la semana en la práctica.
La solución: Un agente que toma el calendario editorial de la semana y genera un deck visual navegable — con los assets ya integrados — que sirve como briefing visual para el equipo y como presentación para el cliente o stakeholder interno.
Prompt para Claude Code:
Eres el agente de calendario editorial visual del equipo de marketing.
CALENDARIO DE LA SEMANA:
[Pega aquí el calendario en cualquier formato: tabla Markdown, JSON, texto plano]
Formato esperado por entrada:
- Fecha y día
- Canal: [LinkedIn / Email / Instagram / TikTok / Blog]
- Formato: [post / story / reel / newsletter / artículo]
- Tema / copy principal
- CTA
- Assets necesarios
TAREA:
Usando Claude Design, genera un deck visual interactivo con estas secciones:
SLIDE 1 — Resumen de semana
Tabla con: día, canal, formato, tema, estado (pendiente / en producción / listo)
SLIDE 2 AL [N] — Una slide por publicación
Para cada publicación:
- Preview visual del asset (si ya fue generado, embébelo; si no, muestra un placeholder con el copy)
- Canal y formato
- Fecha y hora de publicación
- Copy exacto (headline + cuerpo si aplica)
- CTA
- Notas de aprobación (campo vacío para que el revisor añada su OK)
SLIDE [ÚLTIMA] — Métricas objetivo de la semana
Tabla con: canal, métrica objetivo (alcance / clics / conversiones), benchmark de referencia
Exporta el deck como:
1. URL navegable (para revisión interna)
2. PPTX (para presentación a cliente o dirección)
El deck debe poder abrirse en móvil sin perder legibilidad.
Resultado: Un briefing visual completo de la semana. El equipo entra a la reunión de lunes con todo en pantalla, no con una hoja de Excel.
El stack completo
┌──────────────────────────────────────────────────────────────
│ CREATIVE AI STACK — CMO MODERNO (ABRIL 2026) │
├──────────────────────────────────────────────────────────────
│ │
│ BRIEF + ESTRATEGIA │
│ ─────────────────── │
│ Claude Sonnet 4.6 → brief, copy, mensajes clave │
│ │ │
│ ▼ │
│ PRODUCCIÓN VISUAL PRODUCCIÓN DE VÍDEO │
│ ────────────────── ─────────────────── │
│ Claude Design (Opus 4.7) + Hyperframes (HeyGen) │
│ Mockups · Decks · Assets HTML → MP4 · local │
│ Landing pages · One-pagers Reels · Ads · Clips │
│ │ │ │
│ └───────────────┬───────────────┘ │
│ ▼ │
│ DISTRIBUCIÓN Y SEGUIMIENTO │
│ ────────────────────────── │
│ Notion (calendar + assets) │
│ Buffer / Later (programación) │
│ Google Drive (repositorio) │
│ Canva (export alternativo desde Claude Design) │
Antes vs. después: la semana de producción creativa
Tarea | Antes (proceso estándar) | Ahora (con los 4 agentes) |
|---|---|---|
Mockup de campaña | 3 días · diseñador externo | 15 min · Claude Design |
Vídeo ad (3 variantes) | 2 días · editor + plataforma de vídeo | 30 min · Hyperframes |
Assets semanales (5 piezas) | 4h · diseñador interno | 20 min · Agente 3 |
Deck de briefing semanal | 2h · presentación manual | 15 min · Agente 4 |
Total tiempo de producción | ~3 días con bloqueos | ~80 min sin bloqueos |
Coste marginal por campaña | Variable (agencia o freelance) | ~$2-5 en tokens Claude |
El equipo de marketing no desaparece. Se redistribuye.
Menos tiempo en producción de cajitas. Más tiempo en estrategia, en el brief que orienta bien al agente, en la revisión que garantiza que la marca está intacta.
Eso es lo que cambia.
Para empezar esta semana
No necesitas montar los cuatro agentes el lunes.
Empieza por el Agente 3 — el de assets de marca. Es el más inmediato, el que tiene retorno visible en horas, y el que mejor te ayuda a entender cómo Claude Design interpreta tu design system.
Pasos:
Abre Claude — confirma que tu plan tiene acceso a Claude Design (Pro, Max, Team, o Enterprise)
Adjunta o describe tu design system: colores, tipografía, tono visual
Pega el prompt del Agente 3 con los assets de la semana que tienes que producir
Revisa el resultado. Anota qué ajustar en el prompt
La semana siguiente lo ajustas y tardas la mitad
Para el vídeo con Hyperframes:
npx hyperframes@latest create mi-primer-video
npx hyperframes preview
Describe el vídeo que quieres. Claude Code escribe la composición. Hyperframes renderiza. El MP4 aparece en tu carpeta.
Lo que está pasando en realidad
Anthropic lanzó Claude Design el 17 de abril de 2026. Hyperframes salió el mismo día.
No es coincidencia. Es la dirección del mercado: los modelos de IA ya no solo piensan, ahora también producen en los formatos que los equipos de marketing necesitan.
La pregunta para un CMO no es si esto va a afectar a su equipo. Es cuánto tarda en adoptar estos sistemas antes de que su competencia lo haga.
Los que llevan ventaja no son los que tienen más presupuesto. Son los que entienden cómo construir estos sistemas, cómo darles contexto de marca, y cómo revisar el output con criterio.
Eso no es automático. Es una skill. Y como toda skill, se aprende.