Customize this prompt for your product

Badge unlock mobile app animation made with Claude Opus 5.5 from a Figma frame

Prompt from @bthreeagency on X · made with Claude Opus, Figma

Why it works

The prompt asks the model to match the Figma frame's assets, lighting, type and layout exactly and add only motion, which keeps the static design as the fixed base.
The badge is described as a solid 3D object that tilts toward the cursor with physics-based motion, making it interactive rather than a simple looping animation.
A gold particle burst is specified as the celebration effect, which the prompt ties to the 'premium and celebratory' feel.
The prompt sets pacing explicitly: fast and smooth, with no bounce.

Reference prompt

Remix template

Using the linked Figma frame build a [PRODUCT] screen. Match the design exactly. Use the file's assets, lighting, type and layout and add only the motion. Animate the [PRODUCT] so it feels premium and celebratory. Build its scene and then celebrate with [FEATURES]. Treat the [PRODUCT] as a solid 3D object that tilts toward the cursor following the rules of physics. Keep it fast and smooth, it should not be bouncy.

Your brief

Only the product name is required. Blank fields become questions Claude asks you. Nothing here is uploaded.

Product

Product name

One-line promise

What does it do for the user, in one sentence?

UI moments or features

One per line, in the order they appear in the video. 3–5 work best.

Call to action

The last line of the video, for example: Try it free at acme.app

Assets

Logo

PNG, JPG, WebP or SVG. Up to 5 MB.

Brand colors

For example: #0B5FFF and white

Font

Name of the font, for example: Inter

Files stay on your device. They are only put into the ZIP you download; nothing is uploaded.

Goal

Where will it be posted?

For example: X or Product Hunt

Length (seconds)

For example: 30

Aspect ratio

Any16:99:161:1

Key message

The one thing a viewer should remember.

AudioMusic or beatVoiceover

Constraints

Text that must appear exactly

One line per text, exactly as it should be spelled on screen.

Things to avoid

For example: stock footage, emojis

Style reference: this video

Asset paths in the copied text refer to the ZIP download. Copy brief gives you the text only.

Fill in the product name to see your brief here.

Run it in your terminal

Open your product's project folder in the terminal, then run this. If your browser saves downloads somewhere else, change ~/Downloads.

claude "Unzip ~/Downloads/badge-unlock-mobile-app-animation-made-w-brief.zip into this folder, then read badge-unlock-mobile-app-animation-made-w-brief/BRIEF.md and make the video"