Start with MotionUI on your Mac. It brings the Figma plugin, After Effects panel and Claude connection together, so you can move from a design to a product animation in the same workflow.

01 / CLAUDE + FIGMA

Create in Figma with Claude.

Describe a screen, refine a layout or update your UI. Claude works inside your Figma file through MotionUI.

02 / FIGMA TO AFTER EFFECTS

Move your designs into After Effects.

Send frames or selected layers to a new or existing composition. Choose individual layers or grouped precomps, with vector or raster import.

03 / CLAUDE + AFTER EFFECTS

Animate directly with Claude.

Ask Claude to build a scene, set keyframes and use MotionUI’s animation tools in After Effects. Keep refining the layers and timing yourself.

Set up MotionUI

Built for SaaS and UI animation

UI entrances and sequencing

Reveal cards, menus and dashboard layers with coordinated entrances, exits and spatial staggering.

Headlines and interface copy

Animate labels, onboarding messages and headlines by character, word or line, including typewriter effects.

Pins, grids and design details

Show layout structure with pins, bounds and construction guides for polished interface and design reveals.

Cursor and hover effects

Create cursor-led product demos with layers that react through scale, movement, opacity and blur.

Screen-to-screen transitions

Connect product screens with slides and zooms, then adjust the transition timing to tell a clear story.

Shapes and composition tools

Build precise UI shapes, duplicate scenes and adjust timing as your SaaS demo evolves.

See the animation tools in action

Watch MotionUI in action

The video is hosted by Gumroad. Allow external media to load it and share your IP address and browser information with the provider.

Ideas for your next product story

Browse all

From Figma to motion, with Claude

GETTING STARTED

Give every movement a reason

WORKFLOW

Timing before more keyframes

ANIMATION

Frequently asked questions

What is MotionUI?

How do I get started?

Is MotionUI available for Windows?

Do I need Claude for every animation?

Where do I buy MotionUI and download the Mac app?

How do updates work?

Are Figma, After Effects and Claude included?

What can Claude do with MotionUI?

Can I import Figma designs without Claude?

Start with the Mac app.

Connect your tools, bring in your designs and turn your next SaaS story into motion.

Download for Mac

Connect Figma, After Effects and Claude. Made by HIVER.

MotionUI

Knowledge

HIVER

MotionUI by HIVER