Jitter Cubi: The AI Tool Making 3D Animation as Easy as Prompting

Originally shared on Instagram by @dailywebdesign. Check out the original carousel here.

Motion design just had its "vibe coding" moment.

Jitter, the browser-based motion design tool, recently launched Cubi, an AI animation assistant that lets you generate complex animation effects using plain text prompts. No keyframe stacks. No plugin hunting. No manual easing curves. You describe what you want, and Cubi builds the effect inside Jitter.

The original post from @dailywebdesign walks through a full workflow: creating a 3D card animation entirely from AI prompts. If you have ever spent hours in After Effects building a card flip animation with manual keyframes, this will either excite you or make you question your career choices. Possibly both.

Slide 2: The finished 3D card animation, created entirely with AI prompts in Jitter.

The 5-Step Workflow

The carousel breaks down the entire process into five steps. Here is what actually happens at each stage:

Step 1: Design the Front of the Card

You start by designing the front face of your card inside Jitter. This is regular design work: layout, typography, color, imagery. Nothing AI-assisted yet. The card front becomes the surface that will be visible during the animation's starting state.

Step 2: Design the Back of the Card

Slide 3: The card design showing both faces before the 3D animation is applied.

Same thing for the back. The back face is what reveals when the card flips. In a real project, this could be a coupon reveal, a product feature card, or a collectible-style interaction.

Step 3: Group Them Into a Single Card Object

This is the setup step. You group both faces into a single card object in Jitter. This tells the system that these two surfaces are connected and should animate as one unit. Think of it as creating a component in Figma: you are defining the relationship before adding the behavior.

Step 4: Prompt Cubi to Generate 3D Rotation Controls

Slide 4: The Cubi AI prompt interface where you describe the animation you want.

Here is where it gets interesting. Instead of manually setting rotation keyframes on X, Y, and Z axes, adjusting easing curves, and timing the flip duration, you prompt Cubi with something like "generate a 3D card flip animation." Cubi interprets the prompt and creates the rotation controls for you.

The prompt-to-effect workflow is the core shift here. You are not animating. You are directing. The difference matters because it means someone with zero motion design experience can produce a professional 3D card animation by describing what they want in plain language.

Step 5: Prompt Cubi Again for a Reactive Light Shine Effect

The final step adds polish. You prompt Cubi to create a reactive light shine that plays across the card surface during the flip. This is the kind of detail that separates amateur motion design from professional work, and traditionally it requires understanding how to layer blend modes, opacity keyframes, and timing offsets. With Cubi, it is a second prompt.

The Real Innovation: Reusable Motion Kits

The post makes a point that deserves more attention: every animation you create with Cubi becomes part of a reusable motion toolkit. That means the 3D card flip you build today can be applied to a different card design tomorrow without rebuilding the animation from scratch.

This is the "vibe coding for motion design" analogy the post draws. In the same way that vibe coding lets you build software by describing what you want instead of writing code, Cubi lets you build motion by describing effects instead of keyframing them. The output is not a rendered video file. It is a reusable, editable, parametric animation that you can apply across projects.

For design teams, this changes the economics of motion design. Instead of having one motion specialist build each animation from scratch, anyone on the team can generate motion assets through prompts, and those assets become shared components in a motion library. The bottleneck shifts from "who can animate this" to "who can describe this well."

Who Should Pay Attention

If you fall into any of these categories, Jitter and Cubi are worth a serious look:

• Product designers who want to add motion to prototypes without learning After Effects
• Marketing teams who need animated social content but do not have a dedicated motion designer
• Web designers who want to add micro-interactions and hover animations without writing CSS keyframe code
• Established motion designers who want to accelerate their pipeline by generating baseline animations with AI and then refining them manually

Jitter runs in the browser, so there is nothing to install. You can try it free at jitter.video.

And if you want to take the "vibe coding" approach even further, Base44 lets you build entire web apps by describing what you want in plain language. Same principle, different medium: describe it, and the system builds it.

---

Originally posted by @dailywebdesign. See the original Instagram carousel for the full visual walkthrough, including video demos of each step.

Want to build your own animated interfaces? Try Base44 for free.