正在加载视频...

视频加载失败

返回首页

"Designers will realize—all this back and forth, screenshots, redlines, 50 pixels off—they could just send it to Cursor and it's fixed." As the head of design at Cursor, Ryo Lu is at the cutting edge of designers who ship code instead of mocks. In our new episode, he showed...

petergyang's profile picture

Peter Yang

288,497 subscribers

108,364 次观看 • 11 个月前 •via X (Twitter)

艺术科学技术
LIVE

Anya Rossi• Live Now

Private livecam show

16 条评论

Antonio Bustamante 的头像
Antonio Bustamante11 个月前

Yeah I don't know. The reality of using the product and the marketing are wildly different. To this day Cursor (and Codex, Claude Code, etc) aren't visually aware enough to make 50px decisions. With a good component library it can certainly place things right, but we're still far from it being a full replacement for design tools (and I wish sometime it will)

Peter Yang 的头像
Peter Yang11 个月前

Here's a link to play with ryOS (it's probably the most impressive vibe coded project I've seen): If you want to get your hands dirty, paste this link into Cursor to get ryOS for free and then add your own features:

Alex 的头像
Alex11 个月前

@ryolu_ Yah sounds great in theory but how the hell do I set this all up!??

Justin Rocket 🚀 的头像
Justin Rocket 🚀11 个月前

@ryolu_ Just finished this. Great informative stuff 👍🏿

Peter Yang 的头像
Peter Yang11 个月前

@ryolu_ Thanks for watching!

Moon 的头像
Moon11 个月前

@ryolu_ Cursor AI allows designers to directly fix code and ship products, blurring traditional team roles.

M' 的头像
M'11 个月前

@ryolu_ I would love to have a tutorial from ryo on „how to design with cursor as a non dev“

niji 的头像
niji11 个月前

@ryolu_ A big issue, is that the faster you rush to code, the more you have to go back to the foundation. Get your foundation right and then build.

truth.phd 的头像
truth.phd11 个月前

Designers using Cursor are skipping endless chats and swapping screenshots for shipping code in real time. Imagine updating “50 pixels off” text to “fixed in commit” before your coffee cools. Maybe “Can you make the logo bigger?” will finally vanish from the group chat. Who’s ready to ship designs like it’s Amazon Prime Day?

Dustin Hollywood 的头像
Dustin Hollywood11 个月前

@ryolu_ 🔥🔥

Laura Lin 的头像
Laura Lin11 个月前

@ryolu_ Great interview and insights, everyone can be PMs in the future

Chris Altamirano 的头像
Chris Altamirano11 个月前

@ryolu_ Try to start something. Simple 👌

Peo 的头像
Peo11 个月前

@ryolu_ So true !

Pratap 的头像
Pratap11 个月前

@ryolu_ Cursor is ending the "designer vs developer" war. 🏁 No more Figma → Slack → "it's 2px off" → repeat 47 times. Just ship it yourself. This is 2025: designers who code, devs who design, AI agents tying it together. The handoff is dead. Long live shipping. 🚀🎨

Yaron Elharar 的头像
Yaron Elharar11 个月前

@ryolu_ I started working like this a few months ago, but in VS code. It's not bad, what I've noticed is that there are some problems Codex (even high), cannot solve which cursor 4.5 can one shot.

Zazzy 的头像
Zazzy11 个月前

@ryolu_ Crazy how fast the workflow is evolving. Really loved this

相关视频

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,672 次观看 • 10 个月前

While your team is just getting started vibe coding prototypes, the team at Stripe is vibe coding a full vibe coding platform. Owen Williams ⚡ is a design manager at Stripe who built Protodash - an internal AI prototyping tool that lets designers and PMs spin up real, clickable prototypes in minutes. In this ep he walks through: - why generic AI tools produce "blurple slop" that doesn't match your design system - how he built a full prototyping studio on top of dev boxes with cursor + cc - why more PMs than designers now use Protodash - the design review mode that lets teams ship feedback direct in the app Plus, we talk about getting to the ultimate dream: demos, not memos. ty to our sponsors! 🧠 CESAR - Intelligent automation built for AI 💻 Cursor - The best way to code with AI Full episode on yt:
0:41

While your team is just getting started vibe coding prototypes, the team at Stripe is vibe coding a full vibe coding platform. Owen Williams ⚡ is a design manager at Stripe who built Protodash - an internal AI prototyping tool that lets designers and PMs spin up real, clickable prototypes in minutes. In this ep he walks through: - why generic AI tools produce "blurple slop" that doesn't match your design system - how he built a full prototyping studio on top of dev boxes with cursor + cc - why more PMs than designers now use Protodash - the design review mode that lets teams ship feedback direct in the app Plus, we talk about getting to the ultimate dream: demos, not memos. ty to our sponsors! 🧠 CESAR - Intelligent automation built for AI 💻 Cursor - The best way to code with AI Full episode on yt:

claire vo 🖤

92,220 次观看 • 6 个月前

Designers can now ship UI directly. Vlad, our co-founder and designer, goes from Figma concept to AI fine-tuning in the live app using Cursor and Figma MCP. No more back and forth with engineers for a pixel-perfect result.
0:25

Designers can now ship UI directly. Vlad, our co-founder and designer, goes from Figma concept to AI fine-tuning in the live app using Cursor and Figma MCP. No more back and forth with engineers for a pixel-perfect result.

Alex Barashkov

37,878 次观看 • 9 个月前

Top designer shows the power of designing in code with Claude + Cursor Designers should copy this AI workflow to exponentially speed up collaboration with engineers 👀 Watch the full video on Sneak Peek: Domingo Widen shows how Intercom design team uses Claude + Cursor to design in code👇
3:40

Top designer shows the power of designing in code with Claude + Cursor Designers should copy this AI workflow to exponentially speed up collaboration with engineers 👀 Watch the full video on Sneak Peek: Domingo Widen shows how Intercom design team uses Claude + Cursor to design in code👇

Jayneil Dalal

47,694 次观看 • 7 个月前

Let’s make an AI photo generator app with Cursor in 7min. Just give Cursor Composer a prompt file and the AI will write 100% of the code. AI is making it so that *anyone* can start building software today. Full prompt below.
7:09

Let’s make an AI photo generator app with Cursor in 7min. Just give Cursor Composer a prompt file and the AI will write 100% of the code. AI is making it so that *anyone* can start building software today. Full prompt below.

Mckay Wrigley

426,837 次观看 • 2 年前

This is how a top designer uses Cursor to update design system components in Storybook Designers working on design systems should copy this AI workflow to reduce back and forth meetings with engineers 👀 Watch the full video on Sneak Peek: Elad Mizrahi shows how monday.com design team uses Cursor + Storybook to build their design system 👇
2:04

This is how a top designer uses Cursor to update design system components in Storybook Designers working on design systems should copy this AI workflow to reduce back and forth meetings with engineers 👀 Watch the full video on Sneak Peek: Elad Mizrahi shows how monday.com design team uses Cursor + Storybook to build their design system 👇

Jayneil Dalal

11,772 次观看 • 7 个月前

Automate Customer Support entirely with Cursor + MCP!! Cursor Agent can now autonomously fetch emails, solve code issues with codebase indexing and reply to these emails. Here's how you can do it in just 2 mins, - Go to Composio's MCP directory - Click on the Gmail app and copy the sse url for Cursor - Add MCP server in cursor and complete auth - Let Cursor fetch emails, solve issues and reply to the query instantly All you need is
1:01

Automate Customer Support entirely with Cursor + MCP!! Cursor Agent can now autonomously fetch emails, solve code issues with codebase indexing and reply to these emails. Here's how you can do it in just 2 mins, - Go to Composio's MCP directory - Click on the Gmail app and copy the sse url for Cursor - Add MCP server in cursor and complete auth - Let Cursor fetch emails, solve issues and reply to the query instantly All you need is

Karan Vaidya

63,866 次观看 • 1 年前

working with cloud agents in cursor feels the same as local, but the fact that i can shut down my computer and still have it running is amazing. one of my favorite use cases is planning in cursor, then send off to cloud agent for impl. here's a short demo
0:32

working with cloud agents in cursor feels the same as local, but the fact that i can shut down my computer and still have it running is amazing. one of my favorite use cases is planning in cursor, then send off to cloud agent for impl. here's a short demo

eric zakariasson

62,000 次观看 • 1 年前

Runway is now on Cursor One plugin install gives Cursor everything it needs to build Runway’s API into your app. Describe what your app should generate and let Cursor build the integration for you. Get started at the link below.
0:42

Runway is now on Cursor One plugin install gives Cursor everything it needs to build Runway’s API into your app. Describe what your app should generate and let Cursor build the integration for you. Get started at the link below.

Runway

31,632 次观看 • 4 天前

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

157,246 次观看 • 6 个月前

A lot of people ask why I use Rork but still use Cursor or Claude Code. Honestly, it’s simple, I don’t like relying on just one AI tool. Usually I start building the app with Rork, then connect it to GitHub and continue developing with Claude Code or Cursor. Some features just need deeper customization, and it’s much easier to handle those outside of Rork. PS: Rork sponsored me to build my app.
1:04

A lot of people ask why I use Rork but still use Cursor or Claude Code. Honestly, it’s simple, I don’t like relying on just one AI tool. Usually I start building the app with Rork, then connect it to GitHub and continue developing with Claude Code or Cursor. Some features just need deeper customization, and it’s much easier to handle those outside of Rork. PS: Rork sponsored me to build my app.

Alex Nguyen

16,430 次观看 • 8 个月前

AI agents are becoming increasingly capable of taking actions beyond the chat window and interacting with tools in the real world, such as web browsers. We explored this capability by having an AI agent present one of our interactive web-based demos. In this video, it's presenting our election interference demo. This agent is a Cursor coding agent and is equipped with tools to read and interact with the browser (using Playwright) and perform text-to-speech (with ElevenLabs), in addition to the standard Cursor tools.
3:23

AI agents are becoming increasingly capable of taking actions beyond the chat window and interacting with tools in the real world, such as web browsers. We explored this capability by having an AI agent present one of our interactive web-based demos. In this video, it's presenting our election interference demo. This agent is a Cursor coding agent and is equipped with tools to read and interact with the browser (using Playwright) and perform text-to-speech (with ElevenLabs), in addition to the standard Cursor tools.

CivAI

18,451 次观看 • 11 个月前

Epic duo! computer use drives cursor autonomously and builds and entire Tower defense game while maintaining project understanding 🥳 system message in comment You just instruct computer use and it continually instructs Cursor agent to build the project. You can download the script from my patron. link in comment How it works: - Computer is limited to certain coordinates and certain actions this way it should only work with cursor and do nothing else - cursorrules file instructs cursor to not run any commands to run files, since those require user permission and computer use may make mistakes there - you select the coordinates of the top and bottom position of the text input boxes in composer side panel. there is a script that helps you with that. we enter these into comuter_use script - then run the script with your prompt let me know what you think 🙂 ------- If you are interested in learning how to use Cursor more in depth, I have a 28 chapter 1000x Cursor Course building full apps from scratch with 19 hours of content. link is in my bio if you are interested
2:00

Epic duo! computer use drives cursor autonomously and builds and entire Tower defense game while maintaining project understanding 🥳 system message in comment You just instruct computer use and it continually instructs Cursor agent to build the project. You can download the script from my patron. link in comment How it works: - Computer is limited to certain coordinates and certain actions this way it should only work with cursor and do nothing else - cursorrules file instructs cursor to not run any commands to run files, since those require user permission and computer use may make mistakes there - you select the coordinates of the top and bottom position of the text input boxes in composer side panel. there is a script that helps you with that. we enter these into comuter_use script - then run the script with your prompt let me know what you think 🙂 ------- If you are interested in learning how to use Cursor more in depth, I have a 28 chapter 1000x Cursor Course building full apps from scratch with 19 hours of content. link is in my bio if you are interested

echo.hive

128,071 次观看 • 1 年前

How to hide the claude code sidebar in cursor without exiting it! now you can use the claude code extension in cursor and toggle it off when you need some space to code without an AI agent 😱
2:41

How to hide the claude code sidebar in cursor without exiting it! now you can use the claude code extension in cursor and toggle it off when you need some space to code without an AI agent 😱

Ian Nuttall

22,322 次观看 • 1 年前

Learn Cursor in 5 minutes! Join my Cursor course which includes 17 videos building full apps from scratch with project files. Link in comment Repost this tweet and I will send the “how to build an AI scientist” video from my Cursor Course This will serve as an example taste of what you can expect from my 1000x Cursor course. I will DM you with a download link after you repost. #CursorAI #Cursor
4:46

Learn Cursor in 5 minutes! Join my Cursor course which includes 17 videos building full apps from scratch with project files. Link in comment Repost this tweet and I will send the “how to build an AI scientist” video from my Cursor Course This will serve as an example taste of what you can expect from my 1000x Cursor course. I will DM you with a download link after you repost. #CursorAI #Cursor

echo.hive

73,994 次观看 • 2 年前

Jira 🤝 Cursor Assign Jira work items to Cursor and let a cloud agent get to work—building, triaging, and opening PRs with context from the Atlassian Teamwork Graph. One connected workflow for teams and AI agents, from intent to code. Try it now:
0:23

Jira 🤝 Cursor Assign Jira work items to Cursor and let a cloud agent get to work—building, triaging, and opening PRs with context from the Atlassian Teamwork Graph. One connected workflow for teams and AI agents, from intent to code. Try it now:

Atlassian

21,607 次观看 • 5 个月前

Cursor with CodeRabbit is a major shift. You can now vibe code with Cursor and vibe-fix it with CodeRabbit. Here’s the full workflow:
0:21

Cursor with CodeRabbit is a major shift. You can now vibe code with Cursor and vibe-fix it with CodeRabbit. Here’s the full workflow:

Alvaro Cintas

65,940 次观看 • 1 年前

“Cursor Friends” Use Dia to send AI assistants off on assignments. Each gets their own cursor and browser tab, just like you. Browsing side-by-side feels super natural. Design is way off, but we built it. Should we finish & ship? Each cursor must feel like a Pixar character!
0:28

“Cursor Friends” Use Dia to send AI assistants off on assignments. Each gets their own cursor and browser tab, just like you. Browsing side-by-side feels super natural. Design is way off, but we built it. Should we finish & ship? Each cursor must feel like a Pixar character!

Josh Miller

61,692 次观看 • 1 年前