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,431 subscribers

50,135 views • 7 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

Introducing The fastest way to design mobile apps. Go from idea to production-ready mockups in seconds. No design skills required Export to Figma or Any AI agent builder and start building

Introducing The fastest way to design mobile apps. Go from idea to production-ready mockups in seconds. No design skills required Export to Figma or Any AI agent builder and start building

Salim

29,261 views • 1 month ago

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 🦄🦓

30,370 views • 5 months ago

Introducing Components! A big step towards achieving design systems in 3d. ✏️ 🌳Components & Instances 📝Overrides 🔃Component Swapping We are shipping it as a beta for everyone. We would love to know your feedback! Demo: Remix:

Introducing Components! A big step towards achieving design systems in 3d. ✏️ 🌳Components & Instances 📝Overrides 🔃Component Swapping We are shipping it as a beta for everyone. We would love to know your feedback! Demo: Remix:

Spline

161,237 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

59,396 views • 2 months ago

Here's a step by step: 1. Open the in-app browser to select, scribble, and describe changes to any component in design mode. 2. Type /multitask or queue changes to run them in parallel — great for touching several unrelated components at once. 3. Get your steps in, grab a coffee, text mom to just say hi.

Here's a step by step: 1. Open the in-app browser to select, scribble, and describe changes to any component in design mode. 2. Type /multitask or queue changes to run them in parallel — great for touching several unrelated components at once. 3. Get your steps in, grab a coffee, text mom to just say hi.

John Bai

25,521 views • 1 month 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 • 4 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 • 10 months 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

106,725 views • 11 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 • 3 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 • 4 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,880,100 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,434,665 views • 3 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 • 6 months 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,324 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,705 views • 1 year ago

Step 1: Tell Claude Code to create a "design-system.md" from your current app/project Step 2: Tell it to install Remotion Step 3: Tell it to make motion graphics of interactions in your app using the design system it created (I did 16:9 for YouTube b-roll). 😎💥💪 You can also tell it to mock up popular apps (like Slack in the example below).

Step 1: Tell Claude Code to create a "design-system.md" from your current app/project Step 2: Tell it to install Remotion Step 3: Tell it to make motion graphics of interactions in your app using the design system it created (I did 16:9 for YouTube b-roll). 😎💥💪 You can also tell it to mock up popular apps (like Slack in the example below).

Jason Zook

238,857 views • 3 months ago

Introducing our latest and greatest product: Ramp Ramp Revolution. After years of growth across spend management and listening to the needs of our customers, we realized it was time to expand into a new industry all together... Gaming. Ready to play? Step 1: Go to your dashboard Step 2: Finish your expenses (yes, all of them) Step 3: Click the magic coin Step 4: START THE REVOLUTION Happy April Fools' Day. This is not a joke.

Introducing our latest and greatest product: Ramp Ramp Revolution. After years of growth across spend management and listening to the needs of our customers, we realized it was time to expand into a new industry all together... Gaming. Ready to play? Step 1: Go to your dashboard Step 2: Finish your expenses (yes, all of them) Step 3: Click the magic coin Step 4: START THE REVOLUTION Happy April Fools' Day. This is not a joke.

Ramp

18,105 views • 1 year ago

Finally, we have published Horizon OS UI Set for ISDK-Unity and Figma with the Interaction SDK v69 release on 10/9! This is our first public release of official UI components and design resources based on the Quest Design System. UI Set for Meta XR Interaction SDK: Figma Design file: By using UI Set, you can achieve consistent input modality support, visual feedback, and interaction behaviors. In addition to UI components and common UI pattern examples, theming capability can help you bring your own brand identity into your UI. We hope these UI Set Unity components + Figma design assets + Guideline docs - can help you designers, developers, and creators design, experiment, and build great spatial app experiences for Horizon OS platform. Including a personal blog post - How to build a simple spatial panel app with Meta Horizon OS UI Set, an image viewer with NASA Mars Rover API: #MetaQuest #MixedReality #MetaHorizonOS #InteractionSDK #MetaXRSDK #SpatialComputing

Yoon Park (박동윤)

59,115 views • 1 year ago

🎨 Introducing Genspark Design The next-gen AI for design and creation, powered by Claude Opus 4.7. From rough idea to professional design, no design background needed. - One tool for everything you design. UI prototypes, videos, HTML animations, posters — all in one place and production-ready. - Stay on-brand with your own design system. Upload your Figma files or save your designs, reuse them across every project, and share them with your team. - Ship it, don't just mock it. Turn any app or website design into working code with one click, built on Genspark Code. Start building at our launch price 👉

Genspark

177,878 views • 27 days ago