Las mejores herramientas para pasar de PNG a animación Rive en 2026
Por el equipo de Charmotion · Actualizado el
Las principales formas de convertir un PNG en una animación de Rive en 2026 son: riggearlo tú en el editor de Rive con mallas y huesos, generar un .riv listo con una herramienta como Charmotion o contratar a un Rive Expert. El editor da control total, un generador es lo más rápido para los estados estándar de una app y un experto es ideal para actuación a medida.
Puntos clave
- El editor de Rive importa PNG, JPEG y WebP; las mallas y los huesos hacen que los píxeles se doblen. Control total, pero tú creas cada animación y cada máquina de estados.
- El AI Agent de Rive (planes Cadet, Voyager y Enterprise) genera scripts, layouts, modelos de datos y animación a partir de prompts; la documentación de Rive no indica que riggee una imagen importada.
- Charmotion genera un .riv con 17 animaciones y máquinas de estados listas a partir de una imagen, normalmente en pocos minutos, en sus planes de pago desde $20/mes.
- Los Rive Experts son freelancers y estudios verificados por el equipo de Rive que se contratan a través de Contra; son la mejor opción para escenas personalizadas y estilos artísticos poco comunes.
¿Ya tienes un personaje o logo? Mira tu personaje en pantallas reales de una app: pantallas de splash, onboarding, carga y estado vacío. Es gratis, funciona en tu navegador y no sube nada.
Comparación de herramientas de PNG a Rive
Aviso: Charmotion es nuestro producto. Lo incluimos donde realmente encaja y decimos cuándo otras opciones son mejores; todos los demás datos de esta página enlazan a su fuente.
| Opción | Qué haces tú | Lo que obtienes | Tiempo habitual | Costo (oct. 2026) |
|---|---|---|---|---|
| Editor de Rive, a mano | Importar, crear malla, riggear, crear keyframes, conectar la máquina de estados | Exactamente la animación que construyes | De horas a días por personaje | Las exportaciones del plan gratis muestran una splash screen de Rive; Cadet $9, Voyager $32, Enterprise $120 por puesto/mes |
| Rive AI Agent | Escribir un prompt dentro del editor | Scripts, layouts, modelos de datos y animación generados | Minutos por prompt, más tu edición | Incluido en Cadet, Voyager y Enterprise |
| Charmotion | Sube una imagen | .riv con 17 animaciones, Data Binding + máquina de estados clásica, video, GIF, código | Normalmente unos minutos | Starter $20/mes (3 sets); Todo en uno $100/mes (10 sets) |
| Rive Expert (a través de Contra) | Envía un brief a un freelancer o estudio | Animación a medida según tu brief | Se acuerda por proyecto | Contra cita de $25 a $150 por hora, y de $500 a $2,000 para una animación de interfaz simple |
| Importación de Lottie | Importa un Lottie existente en Rive | Un archivo de Rive a partir de la animación que ya tienes | Minutos, más la limpieza posterior | Depende del plan; la documentación de Rive dice Enterprise |
1. El editor de Rive (hazlo tú mismo)
Rive importa PNG, JPEG y WebP como mapas de bits y convierte SVG en vectores editables. Para que un PNG se doble, agrega una malla (Rive describe que las mallas permiten "deformaciones naturales y orgánicas en gráficos rasterizados") y vincula sus vértices a huesos. Luego crea los keyframes de cada animación y conéctalas en una máquina de estados (state machine). Es la ruta más flexible y la que más tiempo exige; nuestra guía de PNG a Rive la explica paso a paso.
Ideal para: diseñadores que quieren control total o animaciones únicas para la sección hero.
2. El AI Agent de Rive
El editor de Rive incluye un AI Agent que, en palabras de Rive, "te ayuda a escribir código, diseñar y animar", y genera "scripts, layouts responsivos, modelos de datos e incluso animación". Está disponible en los planes Cadet, Voyager y Enterprise. La documentación de Rive no describe que convierta una imagen de personaje importada en un set de animaciones riggeado, así que considéralo un asistente dentro del editor y no un conversor de PNG.
Ideal para: quienes ya trabajan en el editor de Rive y quieren agilizar los scripts y la configuración.
3. Charmotion (genera el .riv)
Charmotion toma un PNG, JPEG o WebP de un personaje y produce un .riv con 17 animaciones (10 estados de ánimo en loop seleccionados con un número mood, 6 triggers puntuales y una intro de inicio), conectadas tanto como view model con Data Binding como máquina de estados clásica, además de MP4, WebM y MOV transparentes, GIF y código React y SwiftUI. La ilustración plana se divide en partes vectoriales; la ilustración en 3D o detallada conserva sus píxeles exactos. El .riv está en todos los planes de pago (desde $20/mes).
Ideal para: equipos de apps y producto que necesitan rápido el set estándar de estados. No es para: fotos, vistas de perfil ni escenas narrativas a medida. Mira PNG a Rive o inspecciona un .riv de ejemplo.
4. Rive Experts y 5. Importación de Lottie
Rive Experts son "contratistas, estudios y agencias verificados", revisados por el equipo de Rive y con insignia en Contra. La página de contratación de Contra cita de $25 a $150 por hora, de $500 a $2,000 para animaciones de interfaz simples y de $3,000 a $15,000 o más para sistemas interactivos complejos. Contrata a uno cuando necesites una actuación a medida o un estilo de arte que un rig no pueda resolver.
La importación de Lottie solo sirve si tu personaje ya existe como animación Lottie. La documentación de Rive indica la importación de Lottie para los planes Enterprise, mientras que su página de precios la muestra en los planes de pago, así que primero verifícalo en tu propia cuenta.
¿Qué herramienta de PNG a Rive debería elegir?
- Quieres control creativo total y tienes tiempo: el editor de Rive.
- Necesitas esta semana estados de app como reposo (idle), carga, éxito, error y similares: un generador como Charmotion.
- Necesitas una escena a medida, sincronización labial (lip-sync) con un guion o un estilo poco común: un Rive Expert.
- Tu animación ya existe como Lottie: prueba la importación de Lottie de Rive.
Preguntas frecuentes
¿Hay un conversor de PNG a Rive gratis?
El plan Free de Rive te permite importar un PNG y animarlo a mano, pero los archivos .riv exportados muestran una splash screen de Rive. Los generadores automáticos y los expertos son de pago.
¿El AI Agent de Rive puede animar mi personaje en PNG?
Rive documenta que el Agent genera scripts, layouts, modelos de datos y animación a partir de prompts. Su documentación no describe el rigging de una imagen de personaje importada, así que cuenta con configurar tú mismo las mallas y los huesos.
¿Cuánto se tarda en convertir un PNG en un .riv?
A mano, desde unas horas para un solo loop hasta días para un set completo de estados. Un generador como Charmotion normalmente tarda unos minutos para 17 animaciones.
Respuestas rápidas de esta guía
Fuentes
- Importing assets, Rive
- Meshes, Rive
- Bones, Rive
- AI Agent, Rive
- Rive pricing, Rive
- Lottie import, Rive
- Rive Experts on Contra, Contra
- Hire Rive animators, Contra
- Charmotion pricing, Charmotion