CasecutHome

An animated mockup of your website, straight from Figma

The same frame, two ways to show it. On the left, the screenshot. On the right, what Casecut makes from it: every block enters in order, the page scrolls itself and the buttons get pressed.

Get the Figma pluginSee pricing

Free on Figma Community · 3 free exports every week · no watermark

Left: the static frame. Right: the same frame after Casecut.

Motion without keyframes

You do not place a single keyframe. Casecut picks an entrance for each layer: headlines come in line by line, images open behind a mask, cards rise one after another. Three motion styles set the character, from calm to punchy.

The camera is part of it. It rests on a section, creeps very slightly while it rests, and blurs when it moves fast, the way a real camera would.

It behaves like the live site

A real cursorIt moves to a button, hovers and presses it.
Your hover statesThe state you drew in Figma, not a generic glow.
Working slidersPress the arrow and the next slide comes in.
A browser frameShow the page in a window, tilted in 3D or full screen.

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

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.

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.

Do I need a paid Figma plan?

No. The plugin works on any Figma plan, in the browser and in the desktop app.

Is Casecut free?

Yes. The free plan gives you 3 exports every week in 1080p with no watermark, with the AI director, sound and all three formats included. Pro adds 4K and 30 exports a month, Studio removes the limit.

Does it work with mobile designs?

Yes. A frame up to 520 px wide is shown as a phone screen.

More ways to use Casecut

Figma to videoTurn a frame into an MP4 without recording your screen.OpenCase study videosA motion case for every project, ready for Behance, Dribbble and X.OpenAfter Effects alternativeAn honest comparison for UI case videos.Open

Send your first frame. Watch it come alive.

Get the Figma pluginSee pricing