Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

Introducing Design OS—the missing design process between your idea and codebase. Step 1: Set your product vision Step 2: Design your screens Step 3: Export production-ready components Not mockups. Real components. Ready to build. Free & open source:

Brian Casel

11,380 subscribers

50,089 views • 5 months ago •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

Designers, stop manually prototyping your Figma designs, instead turn your design into realistic prototypes with Figma Make. Here’s my step-by-step process: prepare your Figma design, select the screens and send it to Figma Make, enter a prompt to generate a prototype using the reference design, and in seconds you’ll get a realistic UI prototype that stays true to your original design. Bookmark it for later 💜

Designers, stop manually prototyping your Figma designs, instead turn your design into realistic prototypes with Figma Make. Here’s my step-by-step process: prepare your Figma design, select the screens and send it to Figma Make, enter a prompt to generate a prototype using the reference design, and in seconds you’ll get a realistic UI prototype that stays true to your original design. Bookmark it for later 💜

Abraham John 🦄🦓

29,851 views • 4 months ago

design tool experiments: ✍️ make design components graphically 🧑‍💻 generate code, using those components as a little design system (the idea is that you'll be able to build complicated interfaces by mocking them up in several artboards and 'attaching' them to your prompt)

design tool experiments: ✍️ make design components graphically 🧑‍💻 generate code, using those components as a little design system (the idea is that you'll be able to build complicated interfaces by mocking them up in several artboards and 'attaching' them to your prompt)

nate parrott

10,550 views • 1 year ago

🔅 Introducing Genius, your AI design companion in Figma It understands what you’re designing and makes suggestions that autocomplete your design using components from your design system. Genius is coming soon. Join the waitlist →

🔅 Introducing Genius, your AI design companion in Figma It understands what you’re designing and makes suggestions that autocomplete your design using components from your design system. Genius is coming soon. Join the waitlist →

Diagram

1,713,608 views • 3 years ago

Design inside your codebase. Introducing Impeccable 3.0: ▸ 1 skill, self-contained, 23 commands ▸ /impeccable live: pick in-browser, get prod-grade variants, accept writes to source ▸ reads+writes DESIGN.md + PRODUCT.md ▸ brand & product design

Paul Bakaus

58,963 views • 1 month ago

Our Y Combinator product demo! tldr: pip install components into your circuit design

Our Y Combinator product demo! tldr: pip install components into your circuit design

Sathvik Redrouthu

218,398 views • 1 year ago

Have you tried the Replit Design Canvas yet? 👀 1. Generate multiple design variants 2. Convert your design into app 3. Fine tune designs with design controls 4. Sketch your idea & make it real 5. Collaborate with your team on designs

Have you tried the Replit Design Canvas yet? 👀 1. Generate multiple design variants 2. Convert your design into app 3. Fine tune designs with design controls 4. Sketch your idea & make it real 5. Collaborate with your team on designs

Replit ⠕

54,600 views • 2 months ago

🚨 Just dropped my new video on how to build yourself a unified AI infrastructure on Claude Code Code for life and work management... - Why I built it - My system design philosophy - Step-by-step on the different components - How to customize it for your own needs

🚨 Just dropped my new video on how to build yourself a unified AI infrastructure on Claude Code Code for life and work management... - Why I built it - My system design philosophy - Step-by-step on the different components - How to customize it for your own needs

ᴅᴀɴɪᴇʟ ᴍɪᴇssʟᴇʀ 🛡️

29,331 views • 9 months ago

Introducing the Visual Copilot CLI Surgically apply any Figma design changes to your existing components Available to everyone today

Introducing the Visual Copilot CLI Surgically apply any Figma design changes to your existing components Available to everyone today

Steve (Builder.io)

15,479 views • 1 year ago

Most UI and UX issues aren’t about creativity, they’re about clarity. Fix your spacing, standardize your components, and your product design instantly feels better.

Most UI and UX issues aren’t about creativity, they’re about clarity. Fix your spacing, standardize your components, and your product design instantly feels better.

MDS

23,497 views • 9 months ago

Introducing a Design System Agent, powered by Fable 5. Sync your components, typography, spacing, colors, rules. Share with your team, design anything. Watch me change everything within Duolingo's design system on Magic Patterns:

Introducing a Design System Agent, powered by Fable 5. Sync your components, typography, spacing, colors, rules. Share with your team, design anything. Watch me change everything within Duolingo's design system on Magic Patterns:

Alex Danilowicz

95,321 views • 17 hours ago

🆕📣 Today I'm stoked to announce my next thing: Opacity Opacity is a groundbreaking design tool that eliminates the gap between design and engineering, enabling users to visually design code components. ✔️ Git-like collaboration for design teams ✔️ Never code out a design again ✔️ AI fine-tuned to your design, to help you build real products, not just prototypes Sign up for early access!

🆕📣 Today I'm stoked to announce my next thing: Opacity Opacity is a groundbreaking design tool that eliminates the gap between design and engineering, enabling users to visually design code components. ✔️ Git-like collaboration for design teams ✔️ Never code out a design again ✔️ AI fine-tuned to your design, to help you build real products, not just prototypes Sign up for early access!

Drew Wilson

105,607 views • 10 months ago

A highly affordable, fully 3D-printed robotic arm. [📍 open source] Features: > Fully 3D printed design > 7+1 DOF > or physical AI research & imitation learning Zero custom hardware needed, just print and add your servo kit! > URDF files > STEP & STL files > Step-by-step assembly manual > Ready-to-print Bambu Lab projects Great project, Alex Batsuev! Download and build yours here: —— Weekly robotics and AI insights. Subscribe free:

A highly affordable, fully 3D-printed robotic arm. [📍 open source] Features: > Fully 3D printed design > 7+1 DOF > or physical AI research & imitation learning Zero custom hardware needed, just print and add your servo kit! > URDF files > STEP & STL files > Step-by-step assembly manual > Ready-to-print Bambu Lab projects Great project, Alex Batsuev! Download and build yours here: —— Weekly robotics and AI insights. Subscribe free:

Ilir Aliu

23,441 views • 2 months ago

A highly affordable, fully 3D-printed robotic arm. [📍 open source] Features: > Fully 3D printed design > 7+1 DOF > or physical AI research & imitation learning Zero custom hardware needed, just print and add your servo kit! > URDF files > STEP & STL files > Step-by-step assembly manual > Ready-to-print Bambu Lab projects Great project, Alex Batsuev! Download and build yours here: —— Weekly robotics and AI insights. Subscribe free:

A highly affordable, fully 3D-printed robotic arm. [📍 open source] Features: > Fully 3D printed design > 7+1 DOF > or physical AI research & imitation learning Zero custom hardware needed, just print and add your servo kit! > URDF files > STEP & STL files > Step-by-step assembly manual > Ready-to-print Bambu Lab projects Great project, Alex Batsuev! Download and build yours here: —— Weekly robotics and AI insights. Subscribe free:

Ilir Aliu

35,734 views • 3 months ago

Introducing MagicPath, an infinite canvas to create, refine, and explore with AI. Create beautiful components and functional apps, while providing production ready code. Available today, free, for everyone. The Cursor moment for design is here.

Introducing MagicPath, an infinite canvas to create, refine, and explore with AI. Create beautiful components and functional apps, while providing production ready code. Available today, free, for everyone. The Cursor moment for design is here.

Pietro Schirano

1,879,675 views • 1 year ago

Fast, iterative product design isn't a pipe dream anymore. Bring your favorite AI agents directly into your canvas. Explore styles in seconds, edit hands-free with your voice, and bridge the gap between design and production instantly.

Fast, iterative product design isn't a pipe dream anymore. Bring your favorite AI agents directly into your canvas. Explore styles in seconds, edit hands-free with your voice, and bridge the gap between design and production instantly.

Mike Diarmid

1,433,901 views • 2 months ago

Design.md isn't your design system. With design systems in Magic Patterns, AI uses your: - Components (syncs to codebase via MCP) - Typography (can use custom fonts) - Color tokens (import from Figma / tokens.json) - Icons (any library) - Spacing tokens - Rules

Design.md isn't your design system. With design systems in Magic Patterns, AI uses your: - Components (syncs to codebase via MCP) - Typography (can use custom fonts) - Color tokens (import from Figma / tokens.json) - Icons (any library) - Spacing tokens - Rules

Alex Danilowicz

54,206 views • 2 months ago

Here's how to actually start your solopreneur journey in 2026: Step 1: Pick a skill (design, copywriting, dev) Step 2: Freelance to learn what people pay for Step 3: Productize it ($5K for 5 app screens) Step 4: Spot the ONE feature clients keep asking for Step 5: Build a microSaaS around it Step 6: Use AI agents to fulfill delivery THE KEY: Each step compounds I'm rooting for you. Go ship something in 2026

Here's how to actually start your solopreneur journey in 2026: Step 1: Pick a skill (design, copywriting, dev) Step 2: Freelance to learn what people pay for Step 3: Productize it ($5K for 5 app screens) Step 4: Spot the ONE feature clients keep asking for Step 5: Build a microSaaS around it Step 6: Use AI agents to fulfill delivery THE KEY: Each step compounds I'm rooting for you. Go ship something in 2026

The Startup Ideas Podcast (SIP) 🧃

37,448 views • 5 months ago

Introducing Navbars 🚀 A set of 20 sleek components, ready to drop into your next project.

Introducing Navbars 🚀 A set of 20 sleek components, ready to drop into your next project.

Pasquale Vitiello

38,292 views • 1 year ago

Ready to kick-start your career in illustrations? 🎨 Level up your illustration design skill with my digital vector illustration course! A step-by-step beginner friendly guide to creating stunning illustrations! Enrol Here - I'll catch you in class! 😉

Ready to kick-start your career in illustrations? 🎨 Level up your illustration design skill with my digital vector illustration course! A step-by-step beginner friendly guide to creating stunning illustrations! Enrol Here - I'll catch you in class! 😉

Ufot Ubon

28,083 views • 1 year ago

Ready to kick-start your career in illustrations? 🎨 Level up your illustration design skill with my digital vector illustration course! A step-by-step beginner friendly guide to creating stunning illustrations! But Course Here - I'll see you in class!

Ready to kick-start your career in illustrations? 🎨 Level up your illustration design skill with my digital vector illustration course! A step-by-step beginner friendly guide to creating stunning illustrations! But Course Here - I'll see you in class!

Ufot Ubon

23,259 views • 1 year ago