One-Minute Product Promo from Code
Featured in the Claude Opus 5.5 video collection. A one-minute FigPad product promo built around its interface: sketch-to-figure, precise editing and paper-to-poster workflows. Includes the shared prompt and an editorial breakdown.
Overview
What you get
- A product-interface promo showing FigPad workflows rather than an abstract brand montage.
- The creator’s short shared instruction, plus a separately labeled reference brief.
Good fit
- SaaS demos with interface screenshots or access to the product codebase.
- Showing a small number of distinct features in a short product launch video.
Not for
- A turnkey template: no source project is attached to this entry.
- Proof that one short instruction will reproduce the same visuals.
Case study
What you can make
Use the FigPad example to plan a product promo for your own product. Keep its communication sequence and replace the product, screens and copy. This guide supplies requests for an AI coding tool, rather than the original source project.
Make your version with Claude Opus 5.5
This work is featured in the Claude Opus 5.5 video collection. For your own version, select Claude Opus 5.5 in an AI coding tool that supports it, then follow the staged requests below: plan shots, write animation code, preview and revise.
In this suggested workflow, Claude Opus 5.5 interprets product assets and generates or edits code. The actual project renderer handles video previews and export. Narration and music require suitable tools or supplied assets as well. This is an editorial workflow, not the creator’s complete conversation.
Prepare your assets
- Product name, logo, brand colors, URL and audience.
- One sentence explaining whom the product helps and which task it solves.
- Screenshots, action results and a one-line benefit for each of three features.
- Aspect ratio, target duration and final action; start with a 30-second draft if undecided.
Put files in a directory your AI tool can read. Name screenshots by step, such as step-01.png. List missing screens instead of inventing functionality.
Replace the original elements
| Original element | Your replacement |
|---|---|
| Sketch to Figure | Your first core feature |
| Precise Editing | Your second core feature |
| Paper to Poster | Your third core feature |
| Start for Free → figpad.ai | Your call to action and URL |
For a project management SaaS, use “create a project → assign tasks → review progress”, with actual screenshots of each result. Rewrite the scientific-figure copy.
When changing screenshots, update headings, narration and button positions together. A vertical version needs a new layout and larger key details, rather than a crop.
Make it with AI in four steps
All requests below are an Editorial suggestion; not reproduction-tested. Fill in brackets and review each result before continuing.
- Read assets and plan shots. Send this to an AI coding tool with access to your files:
Make a [duration, aspect ratio] product promo for [product].
Audience: [people]. Core task: [what the user needs to accomplish].
Assets: [directory]. Brand colors: [values]. Final action: [button text, URL].
Use this sequence: Positioning → feature one → feature two → feature three → call to action.
Read the assets first. Provide a shot list with visuals, copy, narration, duration and asset files.
List missing assets and unconfirmed features. Do not write animation code yet.- Approve the plan and make one shot. Correct inaccurate claims and remove secondary benefits, then send:
The shot list is approved. Explain the production approach supported by this environment,
its dependencies and the exact preview and export commands.
Build the first roughly five-second shot using actual assets, without inventing interface features.
Keep headings readable. If narration is needed, provide a short voice sample and captions first.
Provide a preview and identify remaining placeholders.- Approve the preview and complete the video. Check typography, colors, screenshot proportions and pacing before sending:
Complete the remaining shots using the approved first-shot style.
Each shot explains one action or benefit. Leave time to read key screens.
Use my assets for all product names, screenshots, colors and the final action.
Synchronize narration, captions and interface actions; do not explain a button after its screen disappears.
Provide a preview, the actual export command for this project and the output file location.- Review and export. Watch on a phone. Check readable text, undistorted screenshots, correct URLs and complete audio, then run the provided export command. Keep the project and assets for later revisions.
Revise an existing video
Request one specific change at a time and identify the shot:
Change only shot [number]: replace its screenshot with [file] and heading with [text].
Update matching narration and captions. Keep the other shots as currently approved.
Preview this shot first.Adapt this video to 9:16. Rearrange headings and screens and enlarge the key action area.
Do not simply crop the landscape version. Keep the story order and ensure captions and the final action remain visible.
Preview the layout before exporting.To shorten the video, specify which shots or sentences to remove instead of merely increasing playback speed. For another product, rewrite the user task and shot list before swapping assets.
Creator source and limits
The creator shared a short request for a one-minute promo based on a codebase, without the full project. View the creator post.
We have not run these expanded requests or tested the featured products. Supply your own assets and a working production environment. This workflow helps make a similar presentation; it does not promise an exact reproduction.