Ir al contenido principal
Cómo funciona

Salida en vivo del motor de render real — edita los ajustes y se actualiza al instante.

Pasos unidos por una flecha

tarjetas animadas de diseño

Tarjetas de pasos numeradas aparecen unidas por una flecha que se dibuja.

Ideal para: Cómo funciona en tres a cinco pasos.

Ajustes

Fuente
Tema
Tamaño
Ánimo

Formatos que pasaron el control de imagen

Pasos unidos por una flecha
16:9
Pasos unidos por una flecha
9:16
1:1
1:1

Lo que escribes

  • title Title (≤60)· obligatorio
  • steps Three to five steps, each a short title and a one-line description· obligatorio
  • kicker Small line above the title (≤40)

Una plantilla en código: gratis en todos los planes, sin créditos de IA.

Úsala en un vídeo

Lo que puedes cambiar:rushie.props.titlerushie.props.stepsrushie.props (others)
Para desarrolladores (MCP y JSON)

Esta es la escena exacta para enviar a create_animation (MCP): mantén la estructura, cambia las palabras y escribe la narración — la voz fija cuánto dura la escena. Pégala en update_storyboard con set_data para cambiar un vídeo que ya hiciste.

{
  "visual": "rushie",
  "heading": "Step process",
  "narration": "Write the sentence the voice says over this scene; its length is the scene's.",
  "data": {
    "rushie": {
      "template": "step-process",
      "props": {
        "kicker": "How it works",
        "title": "From a link to a film",
        "steps": [
          {
            "title": "Paste a link",
            "description": "Any public page"
          },
          {
            "title": "We write the script",
            "description": "Timed to the voice"
          },
          {
            "title": "We film the site",
            "description": "In a real browser"
          }
        ]
      }
    }
  }
}

Más animaciones de Cómo funciona