Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

Cursor just beat Codex with their design mode. The latest design mode updates plus the new multitask agent mode make design changes in code insanely fast. Here's my step by step walkthrough to designing any app or website with Cursor design mode: 00:00 Introduction to Cursor's new design mode....

chris_bgp's profile picture

Chris Ashby

2,069 subscribers

14,737 görüntüleme • 3 ay önce •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

7 Yorum

erik profil fotoğrafı
erik3 ay önce

@tibor_tee glad you like it! let us know how we can make it better

Chris Ashby profil fotoğrafı
Chris Ashby3 ay önce

@tibor_tee It’s great honestly! Will do

Ali Fahmy profil fotoğrafı
Ali Fahmy3 ay önce

Great walkthrough, I needed this. I was relying on Codex but Cursor seems to be so much better and more intuitive. I hope @conductor_build implement this.

Ike Victor profil fotoğrafı
Ike Victor3 ay önce

cursor's design mode is better. but I routinely spend more the $1800 equiv token usage from the $100 pro plan from openai. The token subsidy compared to the marginally better app layer just isn't comparable. With that being said, Composer 2.5 is amazing, and I use it every day. Can't wait to see what Composer 3 is capable of....

Nick Venturi profil fotoğrafı
Nick Venturi3 ay önce

feels like cheating but i am absolutely going to abuse it

AI Mastery Guide profil fotoğrafı
AI Mastery Guide3 ay önce

Multitask agent mode doing parallel design edits in code is the part that changes the workflow completely. How does the drawing annotation feature actually work in practice?

Matt profil fotoğrafı
Matt3 ay önce

Thanks for sharing the video. Although, I don't see much point comparing cursor to codex. Compare it to claude design if you actually want a fair test

Benzer Videolar

cursor design mode + remotion is actually insane everything in remotion is code, so you can annotate changes directly on the video and cursor just updates it. having a lot of fun with this here's 15 minutes of me improving the agent swarm video
3:04

cursor design mode + remotion is actually insane everything in remotion is code, so you can annotate changes directly on the video and cursor just updates it. having a lot of fun with this here's 15 minutes of me improving the agent swarm video

eric zakariasson

156,913 görüntüleme • 4 ay önce

you can now share canvases in cursor! also, you can use design mode to make sniper edits in your canvases. very in flow with the speed of composer 2.5 here's a paperclipmaxxing canvas i just built and shared using slack mcp
0:38

you can now share canvases in cursor! also, you can use design mode to make sniper edits in your canvases. very in flow with the speed of composer 2.5 here's a paperclipmaxxing canvas i just built and shared using slack mcp

eric zakariasson

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

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

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

Head of Design Ryo Lu helped transform Cursor from a feature-layer on top of VS Code into one of the world's leading AI code editors. He joins YC's Aaron Epstein on Design Review to talk about the path that brought him to Cursor, how rapid prototyping reshaped the core product, and how he's on a mission to break down the barriers that once separated designers and coders. 00:00 — Designers Becoming Builders 04:11 — Learning by Building, Not Studying 08:39 — Inside Cursor’s Design Team 13:30 — Designing Systems, Not Features 17:40 — Rebuilding Cursor Around Agents 23:15 — Prototyping With “Baby Cursor” 30:52 — Design as Sculpting 36:10 — The Future of Designers and Engineers
42:19

Head of Design Ryo Lu helped transform Cursor from a feature-layer on top of VS Code into one of the world's leading AI code editors. He joins YC's Aaron Epstein on Design Review to talk about the path that brought him to Cursor, how rapid prototyping reshaped the core product, and how he's on a mission to break down the barriers that once separated designers and coders. 00:00 — Designers Becoming Builders 04:11 — Learning by Building, Not Studying 08:39 — Inside Cursor’s Design Team 13:30 — Designing Systems, Not Features 17:40 — Rebuilding Cursor Around Agents 23:15 — Prototyping With “Baby Cursor” 30:52 — Design as Sculpting 36:10 — The Future of Designers and Engineers

Y Combinator

99,551 görüntüleme • 9 ay önce

here's me using design mode in cursor for 10 minutes to build out a new page on our website the starting point is from a one-shot cloud agent that i pulled down locally to iterate. after polish, i send it up to cloud again and let another agent QA it for me so its prod ready
0:30

here's me using design mode in cursor for 10 minutes to build out a new page on our website the starting point is from a one-shot cloud agent that i pulled down locally to iterate. after polish, i send it up to cloud again and let another agent QA it for me so its prod ready

eric zakariasson

100,449 görüntüleme • 4 ay önce

Here is a quick walkthrough of everything new in Stitch: 🎨 The AI-native canvas can hold and reason across images, code, and text simultaneously. The new agent manager helps you design in parallel. (PS … light mode!) 🧠 A smarter design agent now understands your entire canvas context. You can swap images, generate product briefs, or mix mobile and desktop screens on the same canvas. 🎙️ You can vibe design with your voice (in Preview). Stitch can ‘see’ your canvas and your selected screens. You can ask for design critiques, variations, or navigate your canvas. ⚡️ Instant prototypes. Just hit the play button to see a prototype or preview your app in seconds. Stitch can imagine the next screen based on your mouse click. 📐 DESIGN.md and consistency. Every new design automatically starts with a cohesive design system which vastly improves consistency. The new DESIGN.md file can be used to export or import your design rules. Walkthrough video👇 Details for each major improvement 🧵
1:29

Here is a quick walkthrough of everything new in Stitch: 🎨 The AI-native canvas can hold and reason across images, code, and text simultaneously. The new agent manager helps you design in parallel. (PS … light mode!) 🧠 A smarter design agent now understands your entire canvas context. You can swap images, generate product briefs, or mix mobile and desktop screens on the same canvas. 🎙️ You can vibe design with your voice (in Preview). Stitch can ‘see’ your canvas and your selected screens. You can ask for design critiques, variations, or navigate your canvas. ⚡️ Instant prototypes. Just hit the play button to see a prototype or preview your app in seconds. Stitch can imagine the next screen based on your mouse click. 📐 DESIGN.md and consistency. Every new design automatically starts with a cohesive design system which vastly improves consistency. The new DESIGN.md file can be used to export or import your design rules. Walkthrough video👇 Details for each major improvement 🧵

Stitch by Google

488,645 görüntüleme • 6 ay önce

#Config2023 launches bridge the gap between design and development, all in Figma. → Dev Mode, a new space for developers → Variables → Advanced prototyping → Auto layout updates → Font picker → File browser redesign Plus, we previewed the future of Figma with AI and announced the acquisition of Diagram.
0:54

#Config2023 launches bridge the gap between design and development, all in Figma. → Dev Mode, a new space for developers → Variables → Advanced prototyping → Auto layout updates → Font picker → File browser redesign Plus, we previewed the future of Figma with AI and announced the acquisition of Diagram.

Figma

1,337,547 görüntüleme • 3 yıl önce

First attempt with Grok Imagine's agent mode. I deliberately chose a very distinctive style to test the consistency and persistence of the character. It's a 10/10 for Grok Imagine. A new way to design AI videos: simpler, more intuitive, and accessible to everyone.
1:02

First attempt with Grok Imagine's agent mode. I deliberately chose a very distinctive style to test the consistency and persistence of the character. It's a 10/10 for Grok Imagine. A new way to design AI videos: simpler, more intuitive, and accessible to everyone.

Déborah

12,214 görüntüleme • 4 ay önce

Nothing beats open-source! We now have a fully open-source coding agent that can compete with any proprietary solution out there: • 500+ available models • It doesn't train on your code • It doesn't charge a penny for tokens • It's open. You can change if you want. Kilo Code is the #1 app on OpenRouter right now, and the community is releasing new features on GitHub at rocket speed (about 20 releases in the last 30 days). I installed it in Visual Studio Code, but you can install it in pretty much any IDE. I need to spend more time with it, but here is a very interesting design choice: Most coding agents support two modes: an "agentic" mode for writing code and an "ask" mode for talking to the model without making any changes. Kilo Code supports 5 different modes: 1. Architect mode - Research, design, and planning 2. Debug mode - Problem solving and troubleshooting 3. Code mode - To write code. 4. Ask mode - To talk to the model. 5. Orchestrator mode - Combine every agent to solve problems. On paper, I really like this. I'll need more time to try out the specialized agents and see whether niching becomes an advantage. Here is the link to the website: Thanks to the Kilo for partnering with me on this post.
6:17

Nothing beats open-source! We now have a fully open-source coding agent that can compete with any proprietary solution out there: • 500+ available models • It doesn't train on your code • It doesn't charge a penny for tokens • It's open. You can change if you want. Kilo Code is the #1 app on OpenRouter right now, and the community is releasing new features on GitHub at rocket speed (about 20 releases in the last 30 days). I installed it in Visual Studio Code, but you can install it in pretty much any IDE. I need to spend more time with it, but here is a very interesting design choice: Most coding agents support two modes: an "agentic" mode for writing code and an "ask" mode for talking to the model without making any changes. Kilo Code supports 5 different modes: 1. Architect mode - Research, design, and planning 2. Debug mode - Problem solving and troubleshooting 3. Code mode - To write code. 4. Ask mode - To talk to the model. 5. Orchestrator mode - Combine every agent to solve problems. On paper, I really like this. I'll need more time to try out the specialized agents and see whether niching becomes an advantage. Here is the link to the website: Thanks to the Kilo for partnering with me on this post.

Santiago

73,062 görüntüleme • 10 ay önce

In this special episode of Design Review, YC General Partner Aaron Epstein and YC Product Designer eve break down how they went about redesigning the YC homepage from the ground up. They’ll discuss the motivations for the redesign, the unconventional process they took and lessons for founders building their own sites. 00:00 — Designing A New Website 01:00 — The Old Homepage 02:30 — Centering the Story on Founders 04:00 — The New Vision: Inspire, Don’t Sell 05:30 — Visualizing Founder Transformation 07:00 — Letting Founders Speak for Themselves 08:45 — Bringing YC’s Network to Life 12:00 — Minimal Design 17:00 — The Future of Interactive Web Design
18:39

In this special episode of Design Review, YC General Partner Aaron Epstein and YC Product Designer eve break down how they went about redesigning the YC homepage from the ground up. They’ll discuss the motivations for the redesign, the unconventional process they took and lessons for founders building their own sites. 00:00 — Designing A New Website 01:00 — The Old Homepage 02:30 — Centering the Story on Founders 04:00 — The New Vision: Inspire, Don’t Sell 05:30 — Visualizing Founder Transformation 07:00 — Letting Founders Speak for Themselves 08:45 — Bringing YC’s Network to Life 12:00 — Minimal Design 17:00 — The Future of Interactive Web Design

Y Combinator

25,247 görüntüleme • 7 ay önce

“The only wrong answer is to do nothing” Enjoy our latest AI in Design case study from the Shopify design team! This one is crammed with many incredible examples of how they work (the last example made me yell “oh no way” when I first saw it). Lots of teams talk about “a culture that supports experimentation”, but few teams do it at this level. 00:00 Designing in a new era 01:35 From mockups to working prototypes 04:16 Designing your dev workflow 07:00 Beyond code: Product, data, research 09:31 A home for fragmented design tools 10:24 AI is just another tool Let us know what you think! Read the full case study:
12:14

“The only wrong answer is to do nothing” Enjoy our latest AI in Design case study from the Shopify design team! This one is crammed with many incredible examples of how they work (the last example made me yell “oh no way” when I first saw it). Lots of teams talk about “a culture that supports experimentation”, but few teams do it at this level. 00:00 Designing in a new era 01:35 From mockups to working prototypes 04:16 Designing your dev workflow 07:00 Beyond code: Product, data, research 09:31 A home for fragmented design tools 10:24 AI is just another tool Let us know what you think! Read the full case study:

Ben Blumenrose

47,036 görüntüleme • 21 gün önce

Even the most successful websites eventually need a redesign. Take Stripe for example. After six years with the same homepage, Stripe recently unveiled a brand new site that reflects how the company has evolved over the past few years. So when is the time right for a new landing page? And what should you prioritize in the redesign? In this episode of Design Review, YC’s Aaron Epstein sat down Stripe’s Head of Design Katie Dill (Katie Dill) to pull the curtain back on their high profile redesign and to discuss how their team is evolving in a world dominated by new AI design tools. 00:30 - The Old Site 05:30 - “What is the point of a website?” 06:00 - Breaking down the new homepage 07:10 - The GDP counter (and how Stripe builds trust) 08:45 - The Bento Box that fixed the homepage 11:37 - Why great design feels effortless 15:40 - Craft, iteration, and getting it right 19:11 - Inside Stripe’s design process 27:10 - How AI is changing design 35:00 - The fight against mediocrity 40:00 - Walking the Store: Stripe’s Secret to Better Product Design
43:36

Even the most successful websites eventually need a redesign. Take Stripe for example. After six years with the same homepage, Stripe recently unveiled a brand new site that reflects how the company has evolved over the past few years. So when is the time right for a new landing page? And what should you prioritize in the redesign? In this episode of Design Review, YC’s Aaron Epstein sat down Stripe’s Head of Design Katie Dill (Katie Dill) to pull the curtain back on their high profile redesign and to discuss how their team is evolving in a world dominated by new AI design tools. 00:30 - The Old Site 05:30 - “What is the point of a website?” 06:00 - Breaking down the new homepage 07:10 - The GDP counter (and how Stripe builds trust) 08:45 - The Bento Box that fixed the homepage 11:37 - Why great design feels effortless 15:40 - Craft, iteration, and getting it right 19:11 - Inside Stripe’s design process 27:10 - How AI is changing design 35:00 - The fight against mediocrity 40:00 - Walking the Store: Stripe’s Secret to Better Product Design

Y Combinator

86,552 görüntüleme • 4 ay önce

HOW TO GET YOUR OWN AVATAR AND WEARABLES ONTO THE Othersidemeta This is my typical workflow using AI tooling > Avatar 00:01 - Sideload(.)gg 02:00 - Testing the Avatar 02:37 - Hosting your Avatar 03:08 - Getting your Avatar minted on @opdotxyz 05:08 - Putting on your new Avatar > Wearables 05:44 - Getting blanks for wearables (docs(.)op(.)xyz) 06:49 - Design your stuff 07:35 - UV Map your design 08:31 - Bringing it to life 10:55 - . tooling for emission (glow effect)
12:49

HOW TO GET YOUR OWN AVATAR AND WEARABLES ONTO THE Othersidemeta This is my typical workflow using AI tooling > Avatar 00:01 - Sideload(.)gg 02:00 - Testing the Avatar 02:37 - Hosting your Avatar 03:08 - Getting your Avatar minted on @opdotxyz 05:08 - Putting on your new Avatar > Wearables 05:44 - Getting blanks for wearables (docs(.)op(.)xyz) 06:49 - Design your stuff 07:35 - UV Map your design 08:31 - Bringing it to life 10:55 - . tooling for emission (glow effect)

honey b.

22,811 görüntüleme • 7 ay önce

AI isn't just changing the tools designers use. It's changing the way they think, prototype, and build. In this episode of Design Review, YC Head of Design eve joins Aaron Epstein to share the AI-first workflow she uses to design products, websites, and events. Using projects like Paxel, STATE OF THE ART, and YC Startup School as examples, she explains how coding agents are transforming everything from rapid prototyping and branding to design systems, and why the biggest bottleneck is no longer software. It's imagination. 00:00 - Eve's AI-First Design Workflow 01:27 - Why She Designs With Her Voice 03:44 - Paxel: Spotify Wrapped for Coding Sessions 07:13 - Building Tools for Yourself 11:01 - Turning Coding Transcripts Into Feedback 12:53 - The Story Behind SOTA Zine 16:57 - Designing With Context, Not Prompts 21:07 - How to Get Better AI Design Outputs 23:20 - Building an Interactive Map of San Francisco 25:17 - Behind Startup School's Visual Identity 29:59 - The Future of Design
30:54

AI isn't just changing the tools designers use. It's changing the way they think, prototype, and build. In this episode of Design Review, YC Head of Design eve joins Aaron Epstein to share the AI-first workflow she uses to design products, websites, and events. Using projects like Paxel, STATE OF THE ART, and YC Startup School as examples, she explains how coding agents are transforming everything from rapid prototyping and branding to design systems, and why the biggest bottleneck is no longer software. It's imagination. 00:00 - Eve's AI-First Design Workflow 01:27 - Why She Designs With Her Voice 03:44 - Paxel: Spotify Wrapped for Coding Sessions 07:13 - Building Tools for Yourself 11:01 - Turning Coding Transcripts Into Feedback 12:53 - The Story Behind SOTA Zine 16:57 - Designing With Context, Not Prompts 21:07 - How to Get Better AI Design Outputs 23:20 - Building an Interactive Map of San Francisco 25:17 - Behind Startup School's Visual Identity 29:59 - The Future of Design

Y Combinator

103,657 görüntüleme • 2 ay önce

OpenAI released Codex Mobile App Directly on ChatGPT Here's everything you need to know: 1. How to set it up 2. How to fully vibecode from Codex Mobile 3. How to control your computer with Codex Mobile 00:00 Setting Up Codex Mobile on @ChatGPTapp 02:15 Changing Settings - Chats First 03:01 Voice Mode 04:05 Plugins and Skills 05:07 Notifications and Permissions 06:52 Flaws of Vibe Coding Out of the Box 07:13 Vibe Coding Skill (Yolo Mode w Vercel) 10:28 Using ChatGPT app as Full Vibe Coding Platform 12:15 Using ChatGPT to Control my computer 13:33 Where I put all my Agent Skills @chorusskills
14:21

OpenAI released Codex Mobile App Directly on ChatGPT Here's everything you need to know: 1. How to set it up 2. How to fully vibecode from Codex Mobile 3. How to control your computer with Codex Mobile 00:00 Setting Up Codex Mobile on @ChatGPTapp 02:15 Changing Settings - Chats First 03:01 Voice Mode 04:05 Plugins and Skills 05:07 Notifications and Permissions 06:52 Flaws of Vibe Coding Out of the Box 07:13 Vibe Coding Skill (Yolo Mode w Vercel) 10:28 Using ChatGPT app as Full Vibe Coding Platform 12:15 Using ChatGPT to Control my computer 13:33 Where I put all my Agent Skills @chorusskills

Riley Brown

92,536 görüntüleme • 4 ay önce