Animación de logo
Un hero para tu web y una animación de inicio, hechos con las piezas de tu propio logo. Pasa el cursor por encima o tócalo.
Sube tu diseño. Recibe animaciones interactivas para tu web y tu app, y video para todo lo demás.
Tu logo y tu personaje, a partir de los archivos que ya tienes.
Un hero para tu web y una animación de inicio, hechos con las piezas de tu propio logo. Pasa el cursor por encima o tócalo.
17 animaciones a partir de una imagen: estados de ánimo, estados de app, reacciones de asistente y una intro de inicio.
Idle4.0 sPredeterminado / en reposo
Una sola subida te da archivos en vivo para tu web y tu app, y video para todo lo demás.
<canvas id="kiko" width="320" height="320"></canvas>
<script src="https://unpkg.com/@rive-app/canvas"></script>
<script>
const kiko = new rive.Rive({
src: "kiko.riv",
canvas: document.getElementById("kiko"),
stateMachines: "CharacterStateMachine",
autoplay: true,
onLoad: () => kiko.resizeDrawingSurfaceToCanvas(),
});
// mood: 0 idle · 1 happy · 2 wave · 3 thinking …
const input = (name) => kiko
.stateMachineInputs("CharacterStateMachine")
.find((i) => i.name === name);
button.onclick = () => (input("mood").value = 1);
</script>import { useRive, useStateMachineInput } from "@rive-app/react-canvas";
export function Kiko({ mood = 0 }) {
const { rive, RiveComponent } = useRive({
src: "/kiko.riv",
stateMachines: "CharacterStateMachine",
autoplay: true,
});
const input = useStateMachineInput(rive, "CharacterStateMachine", "mood");
if (input) input.value = mood; // 0 idle · 1 happy · 2 wave …
return <RiveComponent style={{ width: 320, height: 320 }} />;
}import RiveRuntime
import SwiftUI
struct Kiko: View {
@StateObject private var kiko = RiveViewModel(
fileName: "kiko",
stateMachineName: "CharacterStateMachine"
)
var body: some View {
kiko.view()
.frame(width: 320, height: 320)
.onTapGesture {
kiko.setInput("mood", value: 1.0) // happy
}
}
}
¿Ya está lista la animación?

Un PNG, JPEG o WebP de tu personaje, o tu logo (SVG también funciona). ¿Aún no tienes nada? Diséñalo con IA en la app.
El motor corta tu arte en sus piezas reales, lo riggea y lo anima. Cada animación se revisa antes de que la veas.

Previsualízalo en el navegador, copia el código y descarga el set. ¿Necesitas videos? Expórtalos desde la página del set en alrededor de un minuto.
Las respuestas cortas. El resto está en las preguntas frecuentes completas.
17 animaciones de tu personaje: estados de ánimo básicos (idle, happy, wave, thinking, sad), estados de app (loading, success, error, sleeping para pantallas vacías, attention para notificaciones), reacciones de asistente (listening, talking, yes, no), enter y exit, y una intro de inicio que termina en idle, entregadas en los formatos que incluye tu plan. Los sets de Starter y Todo en uno (y los sets anteriores de Studio y experto) incluyen un archivo Rive interactivo con máquina de estados (un número mood cambia entre los estados de ánimo en loop y un trigger por cada reacción puntual, como success, reproduce una reacción, disponible tanto con Data Binding como con inputs heredados de máquina de estados), código listo para pegar para web, React y SwiftUI, un README y un póster fijo de cada animación. Los videos (MP4, GIF, WebM y MOV transparentes y un video de inicio 9:16) se exportan bajo demanda desde la página del set, en alrededor de un minuto.
El arte plano suele estar listo uno o dos minutos después de subirlo: el archivo Rive, el código y un póster de cada animación. Los personajes con sombreado o estilo 3D tardan unos 20 a 30 minutos, porque cada uno se estudia, se dirige y se revisa antes de renderizarse. Puede tardar un poco más cuando la cola está ocupada. Puedes seguir cada etapa en vivo en la página del trabajo y te avisamos por email cuando el set está listo. Los videos se exportan bajo demanda desde la página del set, en alrededor de un minuto.
Funcionan mejor las ilustraciones planas y de frente, con la cabeza, el cuerpo y las extremidades claramente separados, pero sirve cualquier logo o mascota que ya tengas, incluso con 3D, degradados y texto. PNG, JPEG o WebP, de al menos 512 × 512 px y hasta 10 MB (para una animación de logo, SVG funciona mejor). Las ilustraciones detalladas o en 3D se animan en modo Motion: tu ilustración exacta con rebote, compresión, inclinación, parpadeos y una intro de inicio. Las ilustraciones planas y de frente, con la cabeza, el cuerpo y las extremidades claramente separados, además reciben saludos con el brazo y expresiones. No se admiten fotos de personas reales.
Sí. En la app, elige Crear → Un personaje → Diseñar con IA, responde cinco preguntas rápidas (quién es, qué tipo de personaje, personalidad, aspecto y colores) y pulsa Generar. Nuestra IA lo dibuja de cuerpo entero y de frente, como mejor lo anima nuestro motor. Un logo funciona igual: Crear → Un logo → Diseñar con IA. Los diseños con IA (logos o personajes) están incluidos en todos los planes (2 en total en Free, 12 al mes en Starter, 40 en Todo en uno) y nunca consumen un set; los intentos fallidos no se cuentan. Cuando te guste, pulsa Animar este personaje: eso consume un set de personaje, que viene con Starter y Todo en uno. Describe un personaje original: no podemos crear personajes, marcas ni personas reales existentes.
Tu personaje se mantiene fiel a su diseño. El motor trabaja con los propios píxeles y formas de tu ilustración, con comprobaciones automáticas asistidas por IA para saber qué parte es una cabeza, un brazo o un accesorio. Luego los riggea y crea los keyframes de las animaciones en Rive. Si a tu dibujo le falta una cara que las animaciones necesitan, como triste, hablando o dormido, podemos agregar versiones a juego en su estilo, y tú las apruebas antes de crear el set (los sets iniciados desde un asistente de IA las usan automáticamente). Los logos nunca se vuelven a dibujar. Lo que descargas es tu personaje en movimiento, no una imitación. La IA generativa solo se usa para esas expresiones agregadas y para el paso opcional Diseñar con IA.
Rive es un runtime para animación vectorial interactiva en web, iOS, Android, Flutter, React y motores de videojuegos. En lugar de 17 videos por separado, publicas un solo archivo ligero (unos 40 KB para una mascota plana, más para arte en 3D o detallado) y cambias de estado desde el código: mood = 2 saluda, mood = 5 muestra la carga, y disparar el trigger success reproduce una celebración una vez. Se ve nítido en cualquier tamaño y pasa de un estado a otro con transiciones suaves.
Free: 2 diseños con IA (logos o personajes), ideas gratis para tu logo y la vista previa gratis en pantallas de app; los sets de personaje empiezan en Starter. Starter ($20 al mes): 3 animaciones de logo y 3 sets de personaje al mes en todos los formatos, 12 diseños con IA y tickets de soporte. Todo en uno ($100 al mes): 15 animaciones de logo y 10 sets de personaje al mes, video 3D cinematográfico, 40 diseños con IA, generación prioritaria y soporte prioritario. Los cupos no usados no se acumulan; se reinician al inicio de cada período de facturación. Cancela cuando quieras y conserva todo lo que hayas descargado. Más detalles en la página de precios.
Una animación terminada de tu logo, hecha en Motion Studio: un hero interactivo para tu sitio web que reacciona al mouse, o una animación de inicio para tu app, sitio o video que termina en tu logo. Subes tu logo (o diseñas uno con IA), eliges uno de tres conceptos gratis y recibes los archivos más código para copiar y pegar en web, iOS, Android, Flutter y React Native. Las generaciones que fallan o que detienes nunca cuentan.
Se guarda de forma privada, se procesa en nuestras propias máquinas para crear tu set y nunca se usa para entrenar modelos de IA. Antes de que empiece un set o una animación de logo, se envía una copia a Anthropic (Claude) para una comprobación rápida de que se puede animar. (Si usas Diseñar con IA, solo se envían tus respuestas a nuestro proveedor de imágenes con IA, nunca tus imágenes subidas.) Puedes descargar o eliminar tus datos en cualquier momento desde tu cuenta; al eliminar tu cuenta se borran de forma permanente tus imágenes subidas y tus resultados. Los detalles están en la política de privacidad.
¿Te queda alguna duda? Escríbenos. Una persona lee cada mensaje. Contáctanos
Empieza gratis con diseños con IA e ideas de logo. Mejora tu plan para animar. Cancela cuando quieras.