Ir al contenido principal
Cómo funciona

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

Problema tachado

tarjetas animadas de diseño

Tarjetas de problemas tiemblan y se tachan, luego llega la solución.

Ideal para: El giro del problema a la solución.

Ajustes

Fuente
Tema
Tamaño
Ánimo

Formatos que pasaron el control de imagen

Problema tachado
16:9
Problema tachado
9:16
1:1
1:1

Lo que escribes

  • problem The problem, shown first in red (≤60)· obligatorio
  • name Product name, revealed with the solution (≤24)· obligatorio
  • headline The solution line under the product name (≤60)· obligatorio
  • items Three to five pain points and what each turns into· obligatorio
  • kicker Label over the problem, or empty to hide (≤24)
  • transition How the clean side arrives: a circle from the centre or a diagonal sweep
  • layout How the solved points line up: a two-column grid or a single checklist

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.problemrushie.props.namerushie.props.headlinerushie.props.itemsrushie.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": "Problem to solution",
  "narration": "Write the sentence the voice says over this scene; its length is the scene's.",
  "data": {
    "rushie": {
      "template": "problem-solution",
      "props": {
        "kicker": "The problem",
        "problem": "Launch videos take weeks",
        "name": "PageToVid",
        "headline": "A finished film from your page",
        "items": [
          {
            "pain": "Hire an agency",
            "fix": "Paste a link"
          },
          {
            "pain": "Write a script",
            "fix": "Script written for you"
          },
          {
            "pain": "Record and edit",
            "fix": "Filmed in a browser"
          }
        ],
        "transition": "ripple",
        "layout": "grid"
      }
    }
  }
}

Más animaciones de Cómo funciona