SAAS · 1920×1080 · 8s
SaaS Dashboard 3D
Dashboard con rotación 3D continua, contadores animados, gráfico de líneas y tags flotantes con pulso sincronizado. La animación que abre tu landing.
EL PASO QUE FALTA ENTRE CLAUDE Y TU MP4
Renderiza animaciones de Claude + Hyperframes sin instalar nada
Hiciste tu animación en Claude Design. Descargaste el ZIP. ¿Cómo obtienes el MP4? Aquí. En tu navegador. Sin terminal, sin Node, sin FFmpeg.
ARRASTRA TU ZIP DE CLAUDE
El archivo que descargaste de claude.ai/design
— O —
Verificando compatibilidad del navegador...
PRUEBA EN 1 CLICK
Ejemplos listos para renderizar
¿No tienes un ZIP propio todavía? Probá el render con uno de estos ejemplos hechos en Claude Design + Hyperframes. Click y se carga solo.
DATA · 1920×1080 · 6s
Porcentaje de ventas
Gráfico de barras animado con porcentaje contando hasta el total. Ideal para informes, dashboards de KPIs o cierres de video con un dato clave.
DISEÑADO PARA FUNCIONAR CON
Claude
DISEÑO + CÓDIGO
Hyperframes
BY HEYGEN · APACHE 2.0
MP4
TU DESCARGA
PRIMERA VEZ
Cómo crear tu animación con Claude en 4 pasos
Si nunca usaste Claude Design + Hyperframes, este es el flujo completo. Tarda menos de 5 minutos.
PASO 01
Abre Claude Design
Ve a claude.ai/design. Necesitas plan Claude Pro. Crea un proyecto nuevo en la pestaña "Other".
PASO 02
Sube el instruction file
Es el archivo que enseña a Claude las convenciones de Hyperframes. Sin él, Claude inventa cosas. Descargar archivo
PASO 03
Pide tu animación
Describe lo que quieres animar en español. O usa uno de los bloques oficiales de la galería de abajo. Claude genera el preview en pantalla.
PASO 04
Descarga el ZIP
Cuando estés conforme con la animación, le pides a Claude que la empaque en ZIP. Súbelo aquí arriba y descarga tu MP4.
CATÁLOGO OFICIAL · CON PREVIEW
Bloques nativos de Hyperframes
16 de los bloques más usados del catálogo oficial. Pasa el cursor sobre cada preview para ver el video real,
copia el comando, y Claude Code los integra automáticamente con
npx hyperframes add <nombre>.
Fuente: hyperframes.heygen.com/catalog · 50+ bloques disponibles
EL SIGUIENTE NIVEL
¿Quieres crear los tuyos desde cero?
En Viegas Academy te enseño a hablarle a Claude para que genere cualquier motion graphic que imagines. 18 módulos en español, hechos por motion designer real.
ENTRAR A LA LISTA DE ESPERA →