MOTIONUI KNOWLEDGE BASE

MotionUI Help

Set up your tools, move designs from Figma and build your next animation.

Results: 26

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

Find the app, your purchase details and the right way to get help.