App UI animation for a promo video, generated in Premiere Pro
An app promo needs the product on screen doing something: signing up, paying, reaching a goal. Recording the real app is often impossible before launch, and building the screens in After Effects is days of work.
Here you describe the flow in a sentence and the plugin draws an illustrated phone that walks through it. For real interface screens with readable text there is also the UI style.
The prompt behind this clip
This exact text produced the clip above, word for word:
📝
Fintech app onboarding: a phone shows the sign up screen, a bank card slides in and gets linked, then a savings goal ring fills up as coins drop in
Settings: Animation tier, Flat style, 16:9, 1080p, 60 fps, 8 seconds. The page plays a smaller copy of the render.
How to make it in Premiere
Open your project and go to Window → Extensions → Butter Motion. The panel docks next to your other windows, so you never leave the edit.
Set the chips under the prompt to match your sequence: 16:9 for a landscape promo or 9:16 for a vertical ad, 8 seconds for a three step flow. Matching aspect, resolution and frame rate means the clip lands on the timeline with nothing to conform.
Background: a full scene like this one stays With background. Animation can also render Transparent if you want the drawing over your own footage.
Switch the tier to Animation and pick Flat in the style dropdown at the top left of the composer. Auto also works: it picks the style from your prompt.
Paste the prompt, put in your own text and numbers, and press ↑ (or Cmd+Enter / Ctrl+Enter). The card goes through queued, generating, checking layout and rendering. It takes a few minutes, and you can keep cutting while it works. An Animation scene takes about 2 to 4 minutes and runs up to 10 seconds.
An Animation scene arrives with its sliders already open (for subscribers): main colours, the texts on screen, overall speed and optional elements. Anything they do not cover, type into the Tweak bar ("make the coins drop slower"). The style stays the same.
Press To timeline. The clip is rendered on your computer, imported into the «ButterMotion» bin and placed at the playhead.
What to change for your app
Your flow in steps. Three beats work well: "a phone shows the sign up screen, a bank card slides in and gets linked, then a savings goal ring fills up". Replace them with your own screens.
Flat or UI. Flat draws an illustrated phone, good for ads. The UI style puts real app and web screens with readable text and a cursor or finger that clicks through them, good for feature demos and onboarding.
Your colours. The scene comes with its sliders unlocked: main colours, on-screen texts and overall speed. Set your brand colours there.
Your screenshots. Attach a screenshot of your app with + and the plugin builds the scene on it.
Why not screen recording
A screen recording shows the real app, but only if it exists, it is ready and the data in it is presentable. A generated scene shows the idea of the flow with clean data, fits any aspect, and can be redone in minutes when the design changes.
What it costs
One generation at the tier you picked: Flash 7 credits, Ultra 10, Animation 15. Transparency, resolution, frame rate and length do not change the price. For subscribers the controls and the first tweak on each generation are free, and each tweak after that is 5 credits. Rendering and dropping the clip on the timeline cost nothing, and there is no watermark. Plans and credit packs are in the pricing section, the details in How credits work.