Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

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: 👇

boltdotnew's profile picture

bolt.new

120,716 subscribers

66,945 görüntüleme • 1 yıl önce •via X (Twitter)

Bilim & TeknolojiEğitimSanat
LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

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

Benzer Videolar

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

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

📐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)
0:15

📐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

219,245 görüntüleme • 5 ay önce

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

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

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

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

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 👇
0:14

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

289,125 görüntüleme • 3 ay önce

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

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

85,824 görüntüleme • 2 ay önce

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 🧵
0:10

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

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

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

361,338 görüntüleme • 5 ay önce

Storybook MCP for React is here 🎉 Storybook MCP gives AI agents structured context from your components and design system to build better UI the first time. 🧵 ⤵
0:19

Storybook MCP for React is here 🎉 Storybook MCP gives AI agents structured context from your components and design system to build better UI the first time. 🧵 ⤵

Storybook

169,458 görüntüleme • 5 ay önce

Video creation has changed forever. Introducing Replit Animation. #replitanimation Replit ⠕ Go from a single prompt to a fully animated video, powered by TypeScript and modern libraries. → Pull in your existing design systems, tokens and typography → Export to MP4 at any resolution and frame rate → Host online at a unique URL → Use agent skills to build any video imaginable → Create repeatable pipelines for changelogs, feature releases and brand content → Video is now a pipeline just like data or CI/CD Type "video" in the prompt box to get started or select "Animation" under App mode. Start building:
0:18

Video creation has changed forever. Introducing Replit Animation. #replitanimation Replit ⠕ Go from a single prompt to a fully animated video, powered by TypeScript and modern libraries. → Pull in your existing design systems, tokens and typography → Export to MP4 at any resolution and frame rate → Host online at a unique URL → Use agent skills to build any video imaginable → Create repeatable pipelines for changelogs, feature releases and brand content → Video is now a pipeline just like data or CI/CD Type "video" in the prompt box to get started or select "Animation" under App mode. Start building:

SARAH

139,531 görüntüleme • 5 ay önce

Always a pleasure building actual software for clients. These projects tap into my musician side. A design instrument to improvise and play with... flexible, dynamic and in motion. New work for smlXL an emerging tech consultancy
0:11

Always a pleasure building actual software for clients. These projects tap into my musician side. A design instrument to improvise and play with... flexible, dynamic and in motion. New work for smlXL an emerging tech consultancy

Mitch Paone

42,330 görüntüleme • 3 yıl önce

Claude Design is f*cking cracked for landing pages 🤯 Find any competitor's e-com lander → feed it to Claude Design w/ your brand's design system → get back a fully rebuilt version in your brand, your copy, your design. All inside Claude Design. Perfect for DTC brands and agencies who are still paying freelancers to build advertorial pages from scratch. If you're finding landers that have been running on Meta for 6+ months and want to test the same structure for your brand —> Briefing a designer, waiting a week, getting back a flat mockup, giving notes, waiting again... Claude Design eliminates the entire loop: → Use Go Full Pag to screenshot the full competitor lander → Feed it to Claude Design with your design system → Prompt it to extract the exact section structure and rebuild it for your brand → It rewrites all copy, applies your fonts, colors, and layout → Iterate section by section — send a screenshot of what you want to fix, it fixes it → Drop in your product images and founder photos as you go No designer. No back-and-forth briefs. No starting from scratch. What you get: -> Full production-ready lander built around a proven structure that's already converting on Meta -> Live elements (countdown timers, animated sections) auto-generated -> Mobile and desktop versions you can refine with plain-English prompts -> A repeatable system — new competitor, new screenshots, same pipeline I put together a full playbook breaking down the exact process — the prompts, the section-by-section editing approach, and how to set this up for any competitor lander. Want it completely for free? > Like this post > Comment "CLONE" And I'll send it over (must be following so I can DM)
0:13

Claude Design is f*cking cracked for landing pages 🤯 Find any competitor's e-com lander → feed it to Claude Design w/ your brand's design system → get back a fully rebuilt version in your brand, your copy, your design. All inside Claude Design. Perfect for DTC brands and agencies who are still paying freelancers to build advertorial pages from scratch. If you're finding landers that have been running on Meta for 6+ months and want to test the same structure for your brand —> Briefing a designer, waiting a week, getting back a flat mockup, giving notes, waiting again... Claude Design eliminates the entire loop: → Use Go Full Pag to screenshot the full competitor lander → Feed it to Claude Design with your design system → Prompt it to extract the exact section structure and rebuild it for your brand → It rewrites all copy, applies your fonts, colors, and layout → Iterate section by section — send a screenshot of what you want to fix, it fixes it → Drop in your product images and founder photos as you go No designer. No back-and-forth briefs. No starting from scratch. What you get: -> Full production-ready lander built around a proven structure that's already converting on Meta -> Live elements (countdown timers, animated sections) auto-generated -> Mobile and desktop versions you can refine with plain-English prompts -> A repeatable system — new competitor, new screenshots, same pipeline I put together a full playbook breaking down the exact process — the prompts, the section-by-section editing approach, and how to set this up for any competitor lander. Want it completely for free? > Like this post > Comment "CLONE" And I'll send it over (must be following so I can DM)

Mike Futia

37,872 görüntüleme • 3 ay önce

Introducing Discussion Mode 💬 You can now brainstorm, plan and debug your project in Bolt without generating code. This comes up with up to 90% reduction in token usage—unlocks a bunch of cool use cases 👇
0:17

Introducing Discussion Mode 💬 You can now brainstorm, plan and debug your project in Bolt without generating code. This comes up with up to 90% reduction in token usage—unlocks a bunch of cool use cases 👇

bolt.new

493,517 görüntüleme • 1 yıl önce

As promised! New blog with Josh Newton combining our talks from AI Engineer's first design track. In addition, we wanted to actually show a demonstration of how you can iterate and improve upon that first design output from AI. We had a ton of fun building the interactions for this post (especially the horse animator hahaha). Would love to hear your thoughts!
0:16

As promised! New blog with Josh Newton combining our talks from AI Engineer's first design track. In addition, we wanted to actually show a demonstration of how you can iterate and improve upon that first design output from AI. We had a ton of fun building the interactions for this post (especially the horse animator hahaha). Would love to hear your thoughts!

Sabina

12,300 görüntüleme • 18 gün önce

We wanted better design fundamentals from our agents. So we fed them this 162-page pdf on designing with a grid system. Now our agents use code to adhere to a grid and design beautiful layouts. Example + skill below 👇
0:18

We wanted better design fundamentals from our agents. So we fed them this 162-page pdf on designing with a grid system. Now our agents use code to adhere to a grid and design beautiful layouts. Example + skill below 👇

Hyperagent

959,105 görüntüleme • 2 ay önce

⚡️ Ukraine now building weapons factory INSIDE NATO Factory in Denmark to produce MISSILE and drone components — Zelensky Being inside NATO protects it from Russian strikes NATO ‘not party to the conflict?’
0:17

⚡️ Ukraine now building weapons factory INSIDE NATO Factory in Denmark to produce MISSILE and drone components — Zelensky Being inside NATO protects it from Russian strikes NATO ‘not party to the conflict?’

RT

50,493 görüntüleme • 11 ay önce

How it started → How it’s going Progress continues on our St. Louis expansion — building the most advanced, all-digital aerospace design and manufacturing system. ➡️~ $2B invested 🦾 25,000+ tons of U.S. steel • 1M+ sq. ft 🔒 Largest secure manufacturing facility in the U.S.
0:17

How it started → How it’s going Progress continues on our St. Louis expansion — building the most advanced, all-digital aerospace design and manufacturing system. ➡️~ $2B invested 🦾 25,000+ tons of U.S. steel • 1M+ sq. ft 🔒 Largest secure manufacturing facility in the U.S.

Boeing Defense

292,420 görüntüleme • 2 ay önce