Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

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:

CasJam's profile picture

Brian Casel

11,380 subscribers

50,089 görüntüleme • 5 ay önce •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

Orijinal gönderinin yorumları burada görünecek

Benzer Videolar

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 💜
0:24

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 görüntüleme • 4 ay önce

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)
0:25

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 görüntüleme • 1 yıl önce

🔅 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 →
0:40

🔅 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 görüntüleme • 3 yıl önce

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
3:37

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,894 görüntüleme • 1 ay önce

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

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

Sathvik Redrouthu

218,398 görüntüleme • 1 yıl önce

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
0:54

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 görüntüleme • 2 ay önce

🚨 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
1:13:08

🚨 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 görüntüleme • 9 ay önce

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

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

Steve (Builder.io)

15,470 görüntüleme • 1 yıl önce

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.
0:58

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 görüntüleme • 9 ay önce

🆕📣 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!
3:18

🆕📣 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 görüntüleme • 10 ay önce

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:
1:34

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 görüntüleme • 3 ay önce

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:
1:34

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 görüntüleme • 2 ay önce

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.
1:44

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 görüntüleme • 1 yıl önce

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.
1:46

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 görüntüleme • 2 ay önce

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
0:21

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 görüntüleme • 2 ay önce

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
0:43

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 görüntüleme • 5 ay önce

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

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

Pasquale Vitiello

38,292 görüntüleme • 1 yıl önce

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! 😉
5:08

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 görüntüleme • 1 yıl önce

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!
5:08

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 görüntüleme • 1 yıl önce

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).
0:23

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

237,175 görüntüleme • 2 ay önce