From a screenshot to an animation
Paste a screenshot or design frame and let the AI rebuild and animate it.
The AI can see images. Give it a screenshot of your app, a design frame or a sketch, and it rebuilds the UI as editable layers (rectangles, text, vectors) and animates it. It's the fastest way from a static design to motion when you don't have the source file.
Attach an image
- Paste it into the composer with ⌘V (a screenshot on the clipboard is attached, not inserted as text).
- Drag it onto the composer or the stage.
- Use the composer's Add menu → Attach image….
- Attach the screenshot.
- Describe what should happen: “Animate this onboarding screen: the illustration floats in, the title and button follow.”
- Send. The AI builds the screen from layers and animates it.
- Refine with feedback, or edit the layers by hand.
Tips for good results
- Crop to the part that should move. Less noise means a closer rebuild.
- Say which parts matter: “the three cards and the tab bar; the status bar can be a plain rectangle”.
- For exact positions and text, import from Figma instead.
- Keep the screenshot as an image layer behind the rebuild if you want to compare: drop it on the stage instead of the chat.
Several screens
To turn a series of screens into a video with matched transitions, use File → New Sequence from Frames… (⌥⌘N) instead. See Sequences and transitions.
Troubleshooting
| If this happens | Try this |
|---|---|
| The AI ignores the image | Subscriptions through the CLIs may not pass images. Use an API key provider for image input. |
| Text comes out slightly different | Correct it on the stage: double-click the text layer and type. |