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 support for Design Systems in Bolt Now Bolt uses your actual design system components, not some mimic Here’s how to stop building from scratch and start building on-brand: 👇

bolt.new

118,808 subscribers

66,917 views • 11 months ago •via X (Twitter)

Science & Technology Education Arts

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

Practical guide to creating design systems This guide offers practical tips for product audit, design alignment, creating specs, building components in Figma and defining metrics that will help you measure system success.

Practical guide to creating design systems This guide offers practical tips for product audit, design alignment, creating specs, building components in Figma and defining metrics that will help you measure system success.

Nick Babich

57,897 views • 2 years ago

AI tool that uses your design system to create new components (along with all of the code) 👇

AI tool that uses your design system to create new components (along with all of the code) 👇

Ridd 🤿

144,722 views • 2 years ago

22.1.26 2 months into building a design tool from scratch

22.1.26 2 months into building a design tool from scratch

Aarav Sareen

13,467 views • 5 months ago

📐Design Systems and DESIGN.md Consistency using Design Systems and DESIGN.md: ✨ Every new design automatically starts with a cohesive design system which GREATLY improves consistency (we heard you!) ✨ Edit the system, and all associated screens can be easily updated ✨ You can extract a design system from any URL ✨ Use DESIGN.md to export your design rules or import your design rules from other products (just ask your agent to create you a DESIGN.md file from your code or other context) ✨ You can start a new design by choosing from popular design systems ✨ Read more about DESIGN.md in the docs (link in thread)

📐Design Systems and DESIGN.md Consistency using Design Systems and DESIGN.md: ✨ Every new design automatically starts with a cohesive design system which GREATLY improves consistency (we heard you!) ✨ Edit the system, and all associated screens can be easily updated ✨ You can extract a design system from any URL ✨ Use DESIGN.md to export your design rules or import your design rules from other products (just ask your agent to create you a DESIGN.md file from your code or other context) ✨ You can start a new design by choosing from popular design systems ✨ Read more about DESIGN.md in the docs (link in thread)

Stitch by Google

218,728 views • 3 months ago

Mobile app we designed from scratch. Handled everything from building the design system to designing the full app. making sure it’s simple, clean, and actually easy to use.

Mobile app we designed from scratch. Handled everything from building the design system to designing the full app. making sure it’s simple, clean, and actually easy to use.

Jay Dwivedi

16,465 views • 2 months ago

Design Systems Database Massive collection of best-in-class design systems with visual styles, components and references from leading UI teams.

Design Systems Database Massive collection of best-in-class design systems with visual styles, components and references from leading UI teams.

Nick Babich

221,415 views • 2 years ago

Don’t build your Figma design system from scratch!

Don’t build your Figma design system from scratch!

Jan Mraz

28,804 views • 5 months ago

Impeccable 3 natively supports crafting new design with diffusion (e.g. GPT Image 2) in harnesses that support it (e.g. Codex, Gemini w/ nano banana plugin). Impeccable now uses the best mode of operation for net-new vs iterative design: 1) completely new design: diffusion-first, then build w/ best practices for brand or product design (new in 3.0) 2) iterative design (additions/changes): design-system first, discovers your components, reads DESIGN/PRODUCT.md, goes to work. new live mode (new in 3.0) makes it extra convenient. Here's a tutorial documenting the whole workflow (incl. how I made the demo site in the video):

Paul Bakaus

37,359 views • 2 months ago

Design ANY room for FREE 💥 Drawing from scratch lets you put your ideas right on the canvas. And it’s now available on Maket for FREE! Here’s a step by step breakdown 👇

Design ANY room for FREE 💥 Drawing from scratch lets you put your ideas right on the canvas. And it’s now available on Maket for FREE! Here’s a step by step breakdown 👇

Maket

288,598 views • 2 months ago

Mobile design UI components Line design system is an excellent collection of UI components for mobile apps—from action buttons to pulldown menus. Every component features anatomy, states & behavior, and design dos and donts.

Mobile design UI components Line design system is an excellent collection of UI components for mobile apps—from action buttons to pulldown menus. Every component features anatomy, states & behavior, and design dos and donts.

Nick Babich

266,586 views • 2 years ago

Every action speaks. Every wallet listens. 🔔 Introducing Tapestry Notifications 🔔 Instead of building notification systems from scratch, developers can now focus on what matters - building great products that users love 🧶

Every action speaks. Every wallet listens. 🔔 Introducing Tapestry Notifications 🔔 Instead of building notification systems from scratch, developers can now focus on what matters - building great products that users love 🧶

tapestry

42,570 views • 1 year ago

UI/UX Designers, this might be one of the best free resources for exploring world-class design systems. Design Systems Surf is a massive curated collection of design systems featuring visual styles, UI components, patterns, and references from some of the best product teams in the industry. Can’t believe this resource is free. Bookmark it for later 💜

UI/UX Designers, this might be one of the best free resources for exploring world-class design systems. Design Systems Surf is a massive curated collection of design systems featuring visual styles, UI components, patterns, and references from some of the best product teams in the industry. Can’t believe this resource is free. Bookmark it for later 💜

Abraham John 🦄🦓

84,261 views • 1 month ago

UI/UX Designers, check this design systems database A massive collection of the best-in-class design systems with visual styles, components and references from leading UI teams. Website →

UI/UX Designers, check this design systems database A massive collection of the best-in-class design systems with visual styles, components and references from leading UI teams. Website →

Abraham John 🦄🦓

36,275 views • 2 years ago

Claude + Bolt + Midjourney. Building websites is easy with AI. Preview - Prompt 👇

Claude + Bolt + Midjourney. Building websites is easy with AI. Preview - Prompt 👇

Viktor Oddy

22,675 views • 3 months ago

You can now jump to the code for components in Design Mode.

You can now jump to the code for components in Design Mode.

v0

60,563 views • 11 months ago

I’ve been an ML engineer - never designed a single UI. now I’m building and designing my own apps! here’s how to design with Cursor if you've never designed before 🧵

I’ve been an ML engineer - never designed a single UI. now I’m building and designing my own apps! here’s how to design with Cursor if you've never designed before 🧵

Kate Deyneka

137,672 views • 7 months ago

Introducing Layout Mode for Agentation, a new way to explore and wireframe directly on the page. Rearrange and resize existing elements, add new components, and generate structured design feedback for your agent.

Introducing Layout Mode for Agentation, a new way to explore and wireframe directly on the page. Rearrange and resize existing elements, add new components, and generate structured design feedback for your agent.

Benji Taylor

358,882 views • 3 months ago

Bolt un peu d'animation , merci à ADROBSKI pour le Sound Design!!

Bolt un peu d'animation , merci à ADROBSKI pour le Sound Design!!

tirelkillian

73,120 views • 1 year ago