How to animate a UI with an AI agent
Bring the UI into Feega as an editable frame, from a web page address or by pasting from Figma. Connect an agent such as Claude Code through MCP, ask for the motion, and it sets keyframes and easings on the timeline. Export the result as MP4, GIF or Lottie.
Try Feega →Steps
- Bring the UI in. Import a public page with Insert, Import, From URL, or paste layers from Figma. Text stays text and layers stay editable.
- Switch to Animate. Under every frame a Design and Animate switch sets whether a change moves the whole animation or is keyed at the playhead.
- Ask the agent for the motion. Describe the movement in words. The agent sets keyframes and easings with typed edits to the frame.
- Refine on the timeline. Play with Space and adjust keyframes by hand. Animate to creates keyframes from where a property is now to where you type it should end up.
- Export. Export MP4, GIF or APNG, or Lottie and dotLottie for a frame up to 30 seconds.
What an imported UI becomes
Imports are not screenshots. Text stays text in the page fonts, backgrounds and shadows become fills and effects, and interactive parts such as tabs and accordions become components with variants you can animate between.
Ask for motion in plain words
Animate the hero: the headline slides up in 0.6 s with an expo ease out,
then the button fades in. Hold for one second.Easing, timing and keyframes are properties of the video document, so the agent changes them directly and you can see each edit on the canvas.
Lottie for apps
A frame exports as Lottie or dotLottie with shapes, gradients, masks and text as shapes. Anything that cannot be written is listed in the export dialog.
FAQ
Which agents can animate a UI in Feega?
Claude Code, Codex and Cursor connect through the MCP server at https://mcp.feega.app/mcp. The CLI and REST API work too.
Can I animate a Figma design?
Yes. Paste from Figma and the layers stay editable on the canvas, ready for keyframes.
Does it export interactive prototypes?
Feega has click-through prototype links and a prototype player. It does not have an interactive runtime with state machines.
Is the animation code?
No. It is a video document of tracks, clips and properties. Code export exists as a separate feature for frames.