Casecut or Jitter: who animates the page?

Both start from Figma. In Jitter you are the animator: you pick each layer, its move and its timing. In Casecut an AI director makes the first cut of the page walkthrough, and you change what you want.

Free on Figma Community · 3 free exports · no watermark

From a Figma frame to the first cut.

Side by side

JitterCasecut
What it isA motion design tool for any animationA case video maker for Figma pages
Getting the design inA Figma pluginA Figma plugin
Who animatesYou, layer by layer, on a timelineAn AI director writes the storyboard
A long pageYou set up the scroll and cameraThe camera travels down the page on its own
Cursor and hoversAnimated by handA real cursor presses your buttons, using your Figma states
SoundAdded separatelyScored to the motion
FormatsSet the artboard size16:9, 4:5 and 9:16, each with its own camera
OutputVideo, GIF and LottieMP4 with sound

When Jitter is the right tool

Logo animations, icon loops, a Lottie file for your app, social posts with kinetic type: anything where you want to design the motion yourself. Jitter is made for that.

Casecut is for one job: showing a finished page as a case video for your portfolio, Behance, Dribbble or a client, without keyframing it.

How it works

  1. Install the plugin. It is free on Figma Community and works on any Figma plan.
  2. Tick a frame, press Animate. Every layer arrives on its own, with a clean background behind it. The editor opens in your browser.
  3. Let the AI director make the first cut. It studies the design, writes the storyboard, moves a real cursor and scores the sound.
  4. Change anything, then export. Edit on the timeline or tell the director in the chat. Export MP4 in 16:9, 4:5 and 9:16.

Questions

Can I change what the AI made?

Everything. Each block on the timeline has its own menu, every layer has its own entrance, cursor clicks can be moved or switched off, you can add your own cursor stop by pointing at any layer, and you can simply tell the director what to change in the chat.

Does it show my hover states?

Yes. If a button or card has a hover state as a component variant in Figma, the video shows that exact state when the cursor reaches it. Sliders really slide and fixed headers stay in place.

Is Casecut free?

Yes. The free plan gives you 3 exports to try it, in 1080p with no watermark, with the AI director, sound and all three formats included. After that you can keep exporting for free with a small “Made with Casecut” mark in the corner. Pro adds 4K and 30 exports a month, Studio removes the limit. Or pay once: $1.50 a video, from 5 videos, with no subscription.

Which formats can I export?

MP4 in 16:9, 4:5 and 9:16. Each format gets its own camera, it is not a crop of the same shot. 1080p on the free plan, 4K on Pro and Studio.

Is there sound?

Yes. Soft clicks, whooshes and pops follow every move, with a calm ambient bed underneath. You can add a melody on a recorded instrument, such as piano, vibraphone, marimba or harp, or switch the sound off.

More ways to use Casecut

Send your
first frame.

3 free exports to try it+5 for a post on X4K on Pro