Best Design Tool & UI/UX Product Launch Videos

Frame-by-frame storyboards and sound design breakdowns of launch films from Figma, Framer, Rive, Spline, and top design software teams.

Top Curated Examples & Scene-by-Scene Storyboards

• Figma — Figma Specs — markdown on the canvas (41s · design) — A container for markdown context on the Figma canvas. Move it in and out with MCP or GitHub. Rolling out in open beta.
• cinematic-shot — cinematic-shot — hero shots for a product (51s · design) — An agent skill that records a product hero shot with smooth 3D camera moves and lighting.
• RareUI — RareUI MCP — UI components from one prompt (27s · design) — Browse, discover, and add UI components with an AI agent, from a single prompt.
• UNVEIL — UNVEIL — when the site hides the product (30s · design) — Built for a strong product whose site misses the value, the positioning, or the visuals a launch needs.
• vogel — Google Glassea (36s · design) — A design film introducing Google Glassea.
• Microsoft Design — Michelangelus — a contemporary serif (79s · design) — A contemporary serif from Microsoft Design, shaped by Michelangelo's manuscripts, gestures, and monumental artwork.
• Framer — Framer — Agent builds pages in your system (26s · design) — Turn a Framer project into a reusable design system and a skill, so the Agent builds new pages in the site's styles, components, and layouts
• Envato — Burst mode — six directions from one idea (45s · design) — Turn a brief, a reference, or a hunch into up to six image directions at once, for one AI credit.
• Paper — Paper Mono — a free and beautiful mono font (60s · design) — A free mono font for design, coding, and prose, with variable weight, coding ligatures, and duospacing.
• Cua — Introducing Cua Cursor Motion (22s · design) — An open-source library to create and draw cursor animations.
• Mirage — Tesseract now writes Premiere and After Effects files (78s · design) — Open-source converters so Claude and ChatGPT can create Premiere and After Effects files. Bring existing Adobe projects in and let the agent
• Figma — Figma agent — now out of beta (69s · design) — Figma agent is now out of beta.
• On Design — A new home for designers (32s · design) — A new home for designers, creatives, people building the future — together.
• Paper — Introducing Paper Snapshot (37s · design) — Start straight from the browser. Paste editable layers.
• Figma — Text animations and audio now in Figma Motion (45s · design) — Text animation and audio are now available in Figma Motion.
• Graphical — Introducing Graphical (39s · design) — A simple, powerful, and fun tool to design visual languages, style components, and work with coding agents to create interfaces that look me
• HeyGen — Introducing HyperFrames Studio (81s · design) — A video editor built for agents, from scratch.
• DemoVerse — start designing, start earning (64s · design) — Taste is going to be the only important skill in the AI economy.
• shadcn-m3e — Introducing shadcn-m3e (86s · design) — Material 3 Expressive, rebuilt for shadcn/ui.
• hairlines — hairlines v0.2 is now available (12s · design) — Draw your own hairlines with the /hairline-create skill.
• Swivel — Swivel — 3D mockups and kinetic typography (43s · design) — Drop in your screens, type your words, and export a film from the browser.
• Maket — Introducing Maket 2.0 (78s · design) — The all-in-one platform for designing your next home, or reimagining the one you have.
• audiocn — Introducing audiocn (18s · design) — Open-source audio components for the shadcn ecosystem.
• Figma — Smoother navigation and collaboration on mobile (25s · design) — Smoother navigation and collaboration just landed on mobile.
• Remocn — Introducing Remocn Studio (56s · design) — A free, open-source macOS app for creating and editing videos with your agent.
• Screen Studio — Screen Studio 4.0 is out now (7s · design) — Screen Studio 4.0 released.
• Mirage — Introducing Tesseract for design (31s · design) — Your agent can create editable designs and bring them into motion, with no Figma or Canva required. Tesseract is free.
• 0xDesigner — Introducing the 0xdesigner MCP (12s · design) — Agents design better UI by calling the 0xdesigner MCP. The film shows thinking levels measured in hours of human design time.
• Figma — Dev Mode, now in Codex (40s · design) — Figma Dev Mode is now in Codex, in the Figma plugin. The film shows frames marked ready for development, then implemented next to a local pr
• Shadcn Labs — Introducing pdfcn (15s · design) — pdfcn builds PDFs the way you build UI. It is powered by Takumi and Forme, with themes, components, and blocks, and it is shadcn/ui compatib