MOTIONUI KNOWLEDGE BASE
MotionUI Help
Set up your tools, move designs from Figma and build your next animation.
Results: 28
Getting started
Set up MotionUI
Install the MotionUI app, the After Effects panel, the Figma plugin and connect your AI, one step at a time.
↗
Getting started
Install MotionUI on Mac or Windows
Install the desktop app, then connect the Figma plugin and After Effects panel.
↗
Getting started
Install and connect the After Effects panel
Install the panel from MotionUI and check that After Effects is connected.
↗
Getting started
Install the Figma plugin
Load the plugin supplied by the MotionUI app and link your first Figma file.
↗
Getting started
Update the app and plugins
Keep the MotionUI app, Figma plugin and After Effects panel working together.
↗
Figma import
Send a Figma selection to After Effects
Move frames or layers into the open composition, with editable elements where supported.
↗
Figma import
Rasterize a Figma selection
Bring selected artwork across as flat images.
↗
Figma import
Create a new composition from Figma
Start a separate scene and understand how its size and timing are chosen.
↗
Figma import
Choose Single or Groups as precomps
Decide how your imported layers are organised in After Effects.
↗
Figma import
Create a Figma frame from an After Effects comp
Match a new Figma frame to the size of your current composition.
↗
Figma import
Find and keep your imported assets
Understand the project folders, local files and Recent imports list.
↗
AI workflows
Connect Claude Code or Codex to After Effects
Register MotionUI’s local tools and verify the active composition.
↗
AI workflows
Work in Figma with Claude Code or Codex
Give your connected agent a clear design task inside the linked Figma file.
↗
AI workflows
Animate in After Effects with Claude Code or Codex
Build a scene, set timing and refine MotionUI effects through a conversation.
↗
AI workflows
Use the AI panel with Claude Code or Codex
Send composition context to an agent, review its plan and approve the animation.
↗
After Effects tools
Apply entrances, exits and sequences
Animate UI layers with presets and coordinated timing.
↗
After Effects tools
Adjust keyframe easing
Control how your animation accelerates and slows down.
↗
After Effects tools
Animate text and gradients
Animate by character, word or line while working with text layers.
↗
After Effects tools
Create cursor and proximity effects
Make interface layers react as an effector moves nearby.
↗
After Effects tools
Use Pins&Grid for design reveals
Add construction guides, bounds and pin overlays to your artwork.
↗
After Effects tools
Control rectangle growth and origin
Resize a MotionUI rectangle from a chosen point.
↗
After Effects tools
Build a Matchcut transition
Transition between two sets of layers in the same composition.
↗
After Effects tools
Use cursor, timing and composition tools
Prepare and organise the scenes around your animation.
↗
Troubleshooting
Fix a Figma or After Effects connection
Work through missing linked files, a silent panel or a waiting import.
↗
Troubleshooting
Fix an import that looks different
Check fonts, complex effects, raster assets and composition size.
↗
Troubleshooting
Fix a Claude Code or Codex connection
Check the agent, tool registration, sign-in and active After Effects composition.
↗
Purchases
Purchases, downloads and support
Where to buy, where the key goes and what to do when something is missing.
↗
Purchases
Earn 30% as a MotionUI affiliate
Recommend MotionUI and get 30% of every payment your customers make, for as long as they stay. Sign-up takes a few minutes in Lemon Squeezy.
↗
Bring your interface to life.
MotionUI