Free
$0para siempre
Pruébalo con tu propio logo y personaje.
- Ideas de animación de logo (3 conceptos)
- Vista previa en pantallas de app
- Sin tarjeta
- 2 diseños con IA (logos o personajes)
- Funciona desde Claude, Cursor, Codex
- Soporte por email
Di quién es tu personaje en pocas palabras y luego elige su tipo, personalidad, aspecto y colores. Nuestra IA dibuja un diseño plano y de frente, pensado para riggear. Quédate con el que te guste y esa misma imagen se convierte en 17 animaciones: 10 estados de ánimo, 6 reacciones y una intro de inicio. Se anima un solo diseño, no se redibuja para cada estado, así que tu mascota se ve igual en todas las animaciones.
Archivo de Rive en vivo
Este es el .riv real que entrega nuestro motor, reproduciéndose en tu navegador. Es la misma máquina de estados que controlas desde tu app con un input numérico y un trigger por cada reacción puntual.
1. Responde cinco preguntas
Elige Crear, Un personaje y luego Diseñar con IA. Di quién es tu personaje en hasta 300 caracteres, por ejemplo "un robot redondo color verde azulado con una gran sonrisa y una antena", y luego elige su tipo, un estilo y, si quieres, hasta dos rasgos de personalidad y tres colores. Cada descripción pasa primero por un servicio de moderación; los intentos bloqueados o fallidos no se cuentan.
2. Quédate con el que te guste
La IA dibuja un personaje plano y de frente, con colores sólidos y la cabeza, el cuerpo y los brazos claramente separados, el tipo de ilustración que logra el movimiento más completo: saludos con el brazo, expresiones y parpadeos. ¿No es exactamente lo que buscas? Vuelve a intentarlo o cambia una respuesta; cada nuevo intento consume un diseño con IA.
3. Anímala
Elige Animar este personaje y ponle nombre al set. El diseño pasa por el mismo motor que una imagen subida y consume un set de personaje, desde Starter. Unos minutos después tienes las 17 animaciones en los formatos que incluye tu plan.
¿Ya tienes una mascota?
Sáltate el generador y súbela. Tu propio arte se anima y se mantiene fiel a su diseño. Consulta la página del animador de mascotas con IA para esa opción, o revisa cómo funciona tu imagen en la vista previa gratis.
Lo que no hace
MP4 Cada set
1080 × 1080 a 60 cuadros por segundo. Aquí: el saludo de Gummo, de un set entregado.
WebM y MOV transparentes Cada set
Incluye canal alfa, por eso se ve el fondo de cuadros. El MOV es HEVC con alfa para apps y editores de Apple.
GIF Cada set
Vistas previas ligeras para documentación, correo y chat. El loop “thinking” de Kiko.
Video de inicio en 9:16 Cada set
1080 × 1920 para historias y splash screens. La intro de inicio de Sizzle.
kiko.riv · 150 KB
Máquina de estados (state machine) de Rive Cada set
Un solo archivo pequeño en lugar de 17 videos. Es lo que hace funcionar la demo de la parte superior de esta página.
import { useRive, useStateMachineInput } from "@rive-app/react-canvas";
export function Kiko({ mood = 0 }) {
const { rive, RiveComponent } = useRive({
src: "/kiko.riv",
stateMachine: "CharacterStateMachine",
autoplay: true,
});
const input = useStateMachineInput(rive, "CharacterStateMachine", "mood");
if (input) input.value = mood; // 0 idle · 1 happy · 2 wave · 3 thinking · 4 sad · 5 loading …
return <RiveComponent style={{ width: 320, height: 320 }} />;
}
Código listo para pegar Cada set
Componentes para web, React y SwiftUI con el nombre de tu personaje.
| Formato | Especificaciones | Ideal para | Starter y Todo en uno |
|---|---|---|---|
| MP4 | 1080 × 1080, 60 fps, las 17 animaciones | Apps, redes sociales, presentaciones, videos de producto | Incluido |
| Video de inicio en 9:16 | MP4 de 1080 × 1920 | Stories, Reels, splash screens | Incluido |
| GIF | Vistas previas de 480 px, fondo sólido | Documentación, correo, chat, README | Incluido |
| Rive (.riv) | Vectorial; view model de Data Binding + inputs heredados: mood para los loops, triggers para las reacciones puntuales, máquina de estados launch | Apps y sitios interactivos (web, iOS, Android, Flutter) | Incluido |
| WebM con fondo transparente | VP9 con canal alfa, 1080 × 1080 | Overlays web sobre cualquier fondo | Incluido |
| MOV con fondo transparente | HEVC con canal alfa | Final Cut, Keynote, iOS, Safari | Incluido |
| Código | Componentes web (HTML), React y SwiftUI | Pega y publica | Incluido |
| Descargar todo (.zip) | Archivo Rive, código, README y pósters en un solo archivo | Entrega a tu equipo | Incluido |
| Exportación de video | MP4, GIF, WebM y MOV transparentes, 9:16: elige formatos y animaciones en la página del set, listos en alrededor de un minuto | Solo los videos que necesitas | Incluido |
| Asistentes de IA (MCP) | Claude, Cursor, VS Code y Codex | Diseña, anima y obtén enlaces de descarga en el chat | Incluido |
Los diseños con IA nunca consumen un set: 2 para probar en Free, 12 al mes en Starter ($20/mes) y 40 en Todo en uno ($100/mes). Animar un diseño consume un set, igual que cualquier imagen subida, y los sets de personaje empiezan en Starter. La vista previa en pantallas de app en /try es gratis. Precios en USD; Creem calcula los impuestos al pagar.
$0para siempre
Pruébalo con tu propio logo y personaje.
20 US$/mes
Para una app o un sitio web.
100 US$/mes
Para equipos y varias marcas.
Puedes probarlo: el plan gratis incluye 2 diseños con IA (logos o personajes), una vez por persona. Para animar un diseño necesitas un set de personaje, que empieza en Starter. Los planes de pago incluyen 12 al mes en Starter ($20/mes) y 40 en Todo en uno. Los intentos bloqueados o fallidos no se cuentan. La vista previa en pantallas de app es gratis y muestra una imagen que ya tienes en pantallas reales de una app.
No. El diseñador con IA trabaja solo con tus respuestas. Si ya tienes un boceto o una mascota, súbela en su lugar: tu propio arte se anima y se mantiene fiel a su diseño.
Puedes usar el diseño, y cada set creado a partir de él, en las mismas condiciones que tus propias cargas: con fines comerciales, en todo el mundo y después de que termine tu plan. Como la imagen proviene de un modelo de IA de terceros, es posible que se generen imágenes similares para otras personas y no podemos garantizar que esté libre de derechos de terceros, así que revísala antes de registrarla como marca. Los detalles están en los términos.
Sí, en Starter o Todo en uno. Elige Animar este personaje y ponle nombre al set: pasa por el mismo motor que una imagen subida y normalmente vuelve en pocos minutos con las 17 animaciones. Animarlo consume un set de personaje; el plan gratis no tiene sets, así que primero tendrías que mejorar tu plan.
Los personajes planos y de frente, con colores sólidos y la cabeza, el cuerpo y los brazos claramente separados, logran el movimiento más completo, incluidos los saludos con el brazo y las expresiones. Ese es el aspecto que busca el diseñador con IA; los cuatro estilos (suave y redondeado, vector plano, caricatura con contorno marcado, minimalista) cambian la sensación dentro de ese aspecto. Suave y redondeado es el más parecido a nuestros propios personajes.
No dentro de Charmotion: los diseños se entregan tal cual, sin edición directa. Cambia una respuesta y vuelve a generar, lo que consume un diseño de tu cupo, o sube tu propia ilustración retocada como un set nuevo. Una vez animado un set, cualquier cambio requiere un set nuevo.
Gratis, en tu navegador. Tu imagen se queda en tu dispositivo, a menos que pidas el clip animado corto.
Otras formas de usar Charmotion