Real interfaces, brought to life
Paste a URL, capture the real screen — pixel for pixel — then describe the motion. Cards rise, a chart builds, a state changes. Your product demo animates itself, no keyframe in sight.
Two ways to bring in the real interface
Start from what already exists — no rebuilding, no guessing.
Capture any live page
Open your product, click the capture bookmarklet once, and the exact HTML lands in your workspace — every button, chart and pixel intact.
- One-click bookmarklet, no install
- Pixel-true HTML, not a screenshot
- Works behind login, on your real data
Import straight from Figma
Connect your Figma account, browse your files, and pick the exact frame to bring in — it converts into a real, animatable layout.
- Secure OAuth connection
- Browse files & pick a frame visually
- Layers convert into real, animatable markup
From live screen to living demo
Bring in the real interface
From a live URL or a Figma frame — the exact interface lands in your workspace, markup and all.
Describe the motion
Say what should move: cards stagger in, a chart draws, a nav highlights. Plain words, no timeline.
Preview, refine & export
Watch it play on the real interface, refine with another line, then export a clean demo reel.
Built for real products
Pixel-true capture
The exact HTML of your app or site, not a lookalike mockup — every button, chart and card is really yours.
Prompt-native animation
Entrances, state changes, highlights and toasts — generated from a sentence, applied straight to your markup.
Demo-ready export
Hand over a polished product demo — launch pages, investor decks, app store previews — without a single keyframe.
App & SaaS Motion is in beta — pipelines and credits may still evolve.