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.

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.... show more

Chris Ashby

2,069 subscribers

14,737 views • 3 months ago •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

7 Comments

erik3 months ago

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

Chris Ashby3 months ago

@tibor_tee It’s great honestly! Will do

Ali Fahmy3 months ago

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 Victor3 months ago

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 Venturi3 months ago

feels like cheating but i am absolutely going to abuse it

AI Mastery Guide3 months ago

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?

Matt3 months ago

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

Related Videos

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

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 views • 4 months ago

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

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 views • 3 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,642 views • 3 months ago

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

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 views • 9 months ago

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

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 views • 4 months ago

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 🧵

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 views • 5 months ago

#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.

#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,531 views • 3 years ago

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.

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 views • 4 months ago

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.

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 views • 10 months ago

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

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 views • 7 months ago

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

“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

46,937 views • 20 days ago

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 views • 7 months ago

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 views • 4 months ago

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

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

102,871 views • 2 months ago

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

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 views • 4 months ago