Skip to content
YC Root AccessYC Root Access

The End of the Designer–Engineer Divide

In less than a year, designer 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 breaking down the barriers that once separated designers and coders. Chapters: 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, Not Painting 36:10 — The Future of Designers and Engineers

Ryo LuguestAaron Epsteinhost
Dec 12, 202542mWatch on YouTube ↗

EVERY SPOKEN WORD

  1. 0:004:11

    Designers Becoming Builders

    1. RL

      My personal KPI at Cursor this year is to turn all the designers into coders. The roles will start blurring. The designers will start coding, the engineers will start designing, and then our shared language is code. You start not by say getting everything perfect. You actually start by building. If you get something bad or, like, ugly, it's actually your job to make it pretty, the way you want it, and that's the part that the AIs can't really do right now. As we break the boundaries between these tools, as everyone can start talking with the code, magical things can happen.

    2. AE

      [upbeat music] Today, I am excited to welcome Ryo Lu. He's the head of design at Cursor, the leading AI coding tool used by more than a million people worldwide. Before that, he was a founding designer at Notion and a product designer at Stripe and Asana. Today, we'll talk about his background and design process, and then we'll hear his thoughts on the future of design in a world of AI. Ryo, welcome to Design Review.

    3. RL

      Thank you.

    4. AE

      Maybe to start off, why don't you tell us a little bit about your background and how you got into design in the first place?

    5. RL

      Mm-hmm. I was just, like, making websites since I was 11. I just kept making bigger websites. The first one was, um, for this anime that I really liked. I just made it for myself, and then I started making, like, community websites, like little forums. And then I made one when I was 17 for, like, Apple fanboys-

    6. AE

      Mm-hmm

    7. RL

      ... uh, in China, um, that got, like, kind of popular, and I just kept doing it. When I started, I did not know, like, what's the difference between, like, design or engineering or product. It was just the whole thing. Then I became more like a professional designer. Um, I made a couple startups myself, and then I got an offer from Asana, so I came, and then I became a designer.

    8. AE

      Were you technical all those years, like, when you first started to design?

    9. RL

      [laughs] Um, I would say I kind of self-taught most of my software design building parts. So I studied CS and bio in college, but most of the CS courses were, like, so ancient. They did tell me, like, more systematically how to program, but they weren't that helpful.

    10. AE

      Mm-hmm.

    11. RL

      Like, how I learned is really by just making stuff, building things without knowing what, what the fuck I'm doing. Like, I did not know the, the concept, the words. I just, "Ha, I want to do this. I'll just figure out how to do it, use whatever tool that's there." And then you learn by doing that.

    12. AE

      Yeah.

    13. RL

      But now it's like with the agent, with Cursor, you make this process so quick. Like, instead of... You felt, ah, like coding is a little scary. It wasn't like, you know... It's not something that we as designers is supposed to do. Or, like, you just feel like in order for me to start something new or, like, prototype, I need to learn all of these, like, low-level concepts that are kind of dependencies. It's kind of scary.

    14. AE

      And that'll take forever, right?

    15. RL

      Mm-hmm. It will take, like-

    16. AE

      That's the fear

    17. RL

      ... it will take, like, month, almost like you need to, like, really focus on this and then go to a bootcamp and whatever.

    18. AE

      Mm-hmm.

    19. RL

      Versus now, you just ask the agent, and then if you don't know, like, exactly what you're doing, agent's able to, like, fill you with the gaps. It can do research for you. It can search the web on, ah, what is the best way to do X, Y, Z, and it will help you do that. And then you learn, and you learn by doing, and you get the result really quickly, and you can iterate really quickly.

    20. AE

      Yeah.

    21. RL

      So that's the difference.

    22. AE

      It sounds like you went through this journey of being frustrated that you-

    23. RL

      Mm-hmm

    24. AE

      ... were kind of put in the design box-

    25. RL

      Mm-hmm

    26. AE

      ... of, like, this is the little piece that you should focus on.

    27. RL

      Mm-hmm.

    28. AE

      And now you have all these tools, and you're able to actually build the thing that you-

    29. RL

      Yeah

    30. AE

      ... envision, that you've designed. You can make it come to life and be real.

  2. 4:118:39

    Learning by Building, Not Studying

    1. RL

      And then I don't want them to be, say, we're forcing you to start learning how to code, or like, how does the code editor work? How does Git work? All these little details. But rather now it's time to just start building. Like, you actually don't have to care about all the details anymore. Just let the agents fill the gap for you. But now you can actually start coding without knowing how to code. But, you know, like, as designers, as people who worked on software so long, we all have intuition of how things should work. Like, we all know these things, like, I don't know, say, like, version control for Git files and folders, all these things. We know them. We just maybe don't know exactly, like, what is the right way to do it at this time or all the little details. But now it's like you don't have to think about it anymore.

    2. AE

      So for anybody watching, maybe they're a designer.

    3. RL

      Mm-hmm.

    4. AE

      They feel stuck in that box. They haven't been able to build the thing-

    5. RL

      Yeah

    6. AE

      ... and break out. What's, like, the first step? Like, what are the things-

    7. RL

      Mm-hmm

    8. AE

      ... that they should do-

    9. RL

      Yeah

    10. AE

      ... to put them on that path to your KPIs-

    11. RL

      Yeah

    12. AE

      ... of turning them into-

    13. RL

      I think-

    14. AE

      ... good developers too?

    15. RL

      ... it's actually fine or it's good to play with the more, like, vibe coding tools.

    16. AE

      Mm-hmm.

    17. RL

      So like Figma Make or v0. Like, those kind of help you get started in a more constrained fashion.

    18. AE

      Mm-hmm.

    19. RL

      And they kind of work with your existing workflows better. But you will run into a point where, like, those more constrained version of coding doesn't let you do everything, and then that's when you go to Cursor.

    20. AE

      Mm-hmm.

    21. RL

      And then you realize that, oh, the stuff I do in Cursor and the stuff I do in Figma Make or v0 are actually the same or, like, they feel very similar. It's very simple, but then in Cursor, you can actually do everything, like everything.Anything, 'cause it's just, like, we're kind of un-un-unopinionated. It is just, like, a suite of tools and agent with an editor that can write any code, anything. iOS, web, you can even write a novel, like a book with it.

    22. AE

      Mm-hmm. How long have you been at Cursor? And tell us more about-

    23. RL

      Uh

    24. AE

      ... your role and, and what you do in the day-to-day there.

    25. RL

      I've been at Cursor for almost 10 month, but it feels like five years.

    26. AE

      Mm-hmm [chuckles] .

    27. RL

      Like, in AI time. So I'm the head of design. I was, like, the first product/design person at Cursor. When I joined, we had, like, 20 people.

    28. AE

      Wow.

    29. RL

      Now we have 250 people.

    30. AE

      Yeah.

  3. 8:3913:30

    Inside Cursor’s Design Team

    1. RL

      Yeah. Two biggest thing that I've done, one is the first day I joined. The problem was Cursor, maybe earlier this year, it was more like a couple features slapped on top of VS Code. There is the tab, which is the inline completion thing.

    2. AE

      Mm-hmm.

    3. RL

      Still, like, the world's best, the most magical tab experience. We had the chat, which was, you're just talking to the model with maybe some code-based information, maybe not, and then it just gives you, like, a textual output. It doesn't do anything. That was, like, the primary interface-

    4. AE

      Mm-hmm

    5. RL

      ... of Cursor, and it's... It was, like, a little sidebar on the side that you have to toggle it open yourself. And then there's the composer, which is like the chat, but it can offer to edit some files, and that's only thing it d-it did. It's like, if the chat outputs some code, you can apply the code changes. To me, that and the chat is basically the same thing.

    6. AE

      Mm-hmm.

    7. RL

      And then, like, November last year, Cursor added Agents. That was actually what hooked me to Cursor. Like, I tried Cursor three times before. I, I churned every time. I had to search on the web how to turn on the agent. I couldn't find it myself.

    8. AE

      [chuckles]

    9. RL

      It was, like, a little checkbox in the composer tab that says normal. It's like normal versus agent. Nobody knows what normal means.

    10. AE

      Right.

    11. RL

      And there was, like, other things. So like, there was a bug finder. There was some random crap around. And then the first thing I did was, let's just unify everything. The things that should be similar or, like, gobbled together, actually, you know, one thing. So we merged the chat, the composer, the agent into one thing, and then it's just Agent. And then agents can have different modes where... Like, how, how, how I think about it is they're all agents, same agent, but with different settings applied to them.

    12. AE

      Mm-hmm.

    13. RL

      Say, like, ask mode is just the agent without editing capabilities or maybe, like, you know, we're adding a thing called plan mode. That is just the agent. Before it wants to, you know, run the plan, build the, build the stuff, you have to hit a button. We just block you from doing that. But they're all talking to the same thing, and to the user, we just flip the default. So you always get the agent when you open up Cursor. That's the only thing I did, and then the agent took off like that. Like, we kind of see the data from, like, primarily tab users, primarily agent users on the page.

    14. AE

      Mm-hmm [chuckles] .

    15. RL

      And then the second thing I did, which is pretty recent, is, like, after we flipped the default to agents, we just noticed, like, the world kind of changed. And also, like, there were, you know, newer agent tools that are almost pure agents, and everyone kind of moved from even earlier this year, primarily still writing code-

    16. AE

      Mm-hmm

    17. RL

      ... but then it's kind of assisting you, to now the agent writes most code.

    18. AE

      Mm-hmm.

    19. RL

      And then you're mostly interacting with the agent. So with Cursor 2.0, all I did was... Cursor used to say, show the default UI hierarchy from, like, a file centric view. So you have a list of files-You have the editors that show the file themselves, and then the agent is kinda like on the side. All I did was I flipped the order. And then in this new agent layout, when you start, it's just one agent. When it's empty, it's just a prompt box. You can do whatever. As you do more, maybe you run multiple agents, you can see, like, multiple agents, their states. You can swap between them. You can see, ah, this one needs my r- review. This one's blocked. This one's still ongoing. Maybe it can run for a long time. And then as you're doing that, you actually don't have to look at the code if you don't want to. But if you do, you hit this Review button, and then we list out, like, every single change. You can just scroll through and then review really easily versus, say, before, everything's, like, in this really file-centric view. When you open up Cursor, when you have nothing, you still have, like, a blank editor.

    20. AE

      Oh, wow.

    21. RL

      A blank file tree. It's really hard for, like, a person who, who isn't used to coding to do anything in that state. Versus now, we flipped it. When you start on Cursor in this new world, you can just type in your prompt, boom, see what happens.

    22. AE

      You've talked a lot about, you know, simplifying UIs, simplifying interactions.

    23. RL

      Mm-hmm.

    24. AE

      Is there a lesson in there for, uh, design founders as they're building their products?

    25. RL

      Yeah. I think of, like,

  4. 13:3017:40

    Designing Systems, Not Features

    1. RL

      design, you can do it in two ways. One way is more like... Like, I call it the traditional human-centered design way, meaning, like, you start from a set of users, their problems. You come up with, like, really specific solutions for their problems, um, and then you can design, like, a little world for them that way. The problem with that is, like, as you start working on more problems, and then you... As you make more of these specific features, it's really hard to kinda put them back together, and then what you ended up usually is more buttons. Button, button, button, button, button. Concept, concept, concept. More levels of nav and hierarchy. Then a thing that you were designing for this small group of people that solve their problem becomes something really massive that's hard to understand-

    2. AE

      Mm-hmm

    3. RL

      ... that doesn't really work, that doesn't conceptualize as well. Versus you design in a more, like, systems first way, meaning you kinda decompose the problems into what are the parts, the primitives, the low-level concepts. When they work together, they solve the problems, and you try to keep that core concepts, the, the core set of concepts and primitives, as simple as possible. But they all are somewhat flexible. Say for, for example, when we were working on, on Notion, like, the core concepts are just blocks, pages, databases, and the people, the, the teams. And then Notion is just, like, different configurations of these things, and then when they get put together, they do amazing things. They kinda emerge complexity. So it's all about figuring out, for the world you're building, what are the core elements that actually, like, they will always stay, they won't really change.

    4. AE

      Mm-hmm.

    5. RL

      But they will evolve. They will, you know, make new connections. Each of them will get better. And then how do you map your, you know, user problems, the things you want to do, your roadmap, your ideas to this thing under. And then ideally you don't add things all the time. You're actually, like, decomposing things, merging them back, figuring out what is the better configuration of the stuff that you have now. If you tweak that a little bit, boom, you solve the problem.

    6. AE

      Yeah. I think one of my takeaways is, um, as products scale, and certainly-

    7. RL

      Mm-hmm

    8. AE

      ... you know, you... Probably Cursor is one of the fastest-

    9. RL

      [laughs]

    10. AE

      ... growing products ever in history.

    11. RL

      Yeah.

    12. AE

      Um, the tendency is to keep adding more features.

    13. RL

      Mm-hmm.

    14. AE

      And the, the product expands in complexity as-

    15. RL

      Mm-hmm

    16. AE

      ... the, as the user base scales-

    17. RL

      Yeah

    18. AE

      ... and, you know, all the use cases-

    19. RL

      Yeah

    20. AE

      ... expand. And if you're not intentional about going back through and rethinking things and paring it back down to the simpler state-

    21. RL

      Yeah

    22. AE

      ... it's very easy for these products to get out of control.

    23. RL

      Mm-hmm.

    24. AE

      And then it becomes something that is for nobody-

    25. RL

      Yes

    26. AE

      ... because it doesn't have an opinion.

    27. RL

      Yes.

    28. AE

      And it's impossible to work with these primitives-

    29. RL

      Yep, yep, yep

    30. AE

      ... like you describe. And it sounds like that is an exercise that you are regularly going through.

  5. 17:4023:15

    Rebuilding Cursor Around Agents

    1. RL

      So I just pulled up Cursor when it started in 2023.

    2. AE

      Mm-hmm.

    3. RL

      Wow. What is this? What does it do? Cool.

    4. AE

      It's very dark also.

    5. RL

      Yeah, very dark, very, like... I'm not sure what these gradients are.

    6. AE

      Yeah.

    7. RL

      Not sure what this is either.

    8. AE

      Mm-hmm.

    9. RL

      It's like...

    10. AE

      Yeah, I see some blurry code, which-

    11. RL

      Very, very not sure

    12. AE

      ... a text box.

    13. RL

      Looks like the fonts are not loaded, but it might be something-

    14. AE

      Okay

    15. RL

      ... not that great. "Chat with your project. Ask Grapt L codebase."

    16. AE

      All right, now we're getting-

    17. RL

      Oh, whoa

    18. AE

      ... into a little bit more specifics

    19. RL

      This thing is kind of crazy

    20. AE

      The line follows you

    21. RL

      Yeah, yeah, yeah.

    22. AE

      [laughs]

    23. RL

      So extra. Like, what are you trying to do? Like, you want people to focus on this line?

    24. AE

      Right.

    25. RL

      Like, what the hell?

    26. AE

      Yeah, it's distracting, huh?

    27. RL

      Yeah.

    28. AE

      Or it makes you think you're living in the future right now.

    29. RL

      Right. Sure.

    30. AE

      It's like Tron or something.

  6. 23:1530:52

    Prototyping With “Baby Cursor”

    1. RL

      is a lot of times for designers, when we explore ideas, we actually don't really care about, like, the technical implementation details of how things work. So if you want to do your prototype in a, in a production level code base that's really massive and complex, it actually takes more time-

    2. AE

      Mm-hmm

    3. RL

      ... than, say, you just build a little environment for you to play with your ideas. You can kind of reconstruct parts of the UI and the inter-interactions. It doesn't have to have all the details, but once you put them together, you can actually feel, like... Like, you can feel it almost, like, like, alive.

    4. AE

      So Baby Cursor is, like, a scaled down, simplified version-

    5. RL

      Mm-hmm

    6. AE

      ... of Cursor-

    7. RL

      Yes

    8. AE

      ... that is like it in many ways.

    9. RL

      Mm-hmm.

    10. AE

      And it becomes your own personal playground-

    11. RL

      Yes

    12. AE

      ... for you to just add new features and explore different ways of doing things-

    13. RL

      Mm-hmm

    14. AE

      ... to try to get it right before you eventually wrap it back in-

    15. RL

      Yeah

    16. AE

      ... into, uh, grown-up Cursor.

    17. RL

      Yep. So I built this in-I think an afternoon, maybe like couple hours.

    18. AE

      Hmm.

    19. RL

      It has all the hotkeys, the primary like interactions that we have here. Um, there is actually like a integration with like AI models, so I can ask like, "What is this?" And then you can see the live output. A lot of the stuff here, like they feel like the real Cursor, but it has like, say, little details that I want that is not even in the product.

    20. AE

      Mm.

    21. RL

      Like I want to make the keyboard navigation really well, like you can actually select all the parts of the chat. There is like a little preview here where you can see live output of the code.

    22. AE

      Mm-hmm.

    23. RL

      We added the internal browser, so maybe that's like how this thing ended up.

    24. AE

      Mm-hmm.

    25. RL

      Um-

    26. AE

      And that started in Baby Cursor?

    27. RL

      Mm-hmm. And, uh, one example that's kinda cool is I was trying to like explore some ideas of how we can run multiple agents-

    28. AE

      Mm

    29. RL

      ... at the same time. So I made this, like you can say translate to Korean, and translate to Japanese, and then when you hit this-

    30. AE

      Nice. Yeah

  7. 30:5236:10

    Design as Sculpting, Not Painting

    1. AE

      Cool.

    2. RL

      Let's see what, what's, what's gonna happen. Adding more buttons. [laughs] Cards, let's see. Is there, like, a share button? Woo-hoo-hoo. Fixing some bugs. Oh, okay, let's see what happened. Share button in the toolbar. Output loaded. Let's see if I get this. Aha, a little share button.

    3. AE

      Oh, there we go.

    4. RL

      Let's see what happens when we click on it. Hey, it didn't work. Maybe, like, let's ask it to hook up the share button with the share model. Then it's gonna fix it. Let's see if it worked. Oh, oh, oh, oh. Oh.

    5. AE

      Ah.

    6. RL

      Nice. There you go. Beautiful. Cool.

    7. AE

      That's great, and the cool thing is you didn't even have to touch any code, right?

    8. RL

      Mm-hmm.

    9. AE

      You basically just spoke in English.

    10. RL

      Mm-hmm.

    11. AE

      You got a PRD-

    12. RL

      Yep

    13. AE

      ... which designers are used to today.

    14. RL

      Yep.

    15. AE

      And you just kept telling it what to do to fix things-

    16. RL

      Mm-hmm

    17. AE

      ... until it did it.

    18. RL

      And if you want to look at code, it's here.

    19. AE

      It's there if you want it. That feels approachable for any designer to do, right?

    20. RL

      Mm-hmm.

    21. AE

      And start building something themselves.

    22. RL

      Yeah, so one thing that I think we're gonna fix maybe, like, even in the next two weeks is-

    23. AE

      Mm-hmm

    24. RL

      ... like, when you start Cursor, like you're, you're faced with, like, three buttons, at least the, the version before.

    25. AE

      Mm-hmm.

    26. RL

      Where it says, like, Open project, Clone repo, Connect to SSH.

    27. AE

      Yeah.

    28. RL

      Like, you don't really know what the hell, like, those things mean.

    29. AE

      Yeah, many designers-

    30. RL

      And then our new, like, landing page is just like, boom, you just start.

  8. 36:1042:17

    The Future of Designers and Engineers

    1. RL

      like it's not even just for designers.

    2. AE

      Mm-hmm.

    3. RL

      It also includes, say, like, your PM's writing some Google Doc that's stuck. It never gets updated. It's always, like, disjointed from the real thing.

    4. AE

      Right.

    5. RL

      As we kind of fit these...So different parts of making software together as we break the boundaries between these tools, as everyone can start talking with the code, magical things can happen. Like, people don't feel the barriers anymore. People can start understanding each other. People can help each other better.

    6. AE

      Yeah. And so in that world, what are the skills that designers should be focused on becoming great at?

    7. RL

      One, you need to really go deep into the details and the craft because that is the part that the AI will probably, like, take some time to catch up. And you need to be almost like a more system thinker, not just focusing on one slice of the problem. The more you understand the, the other layers or the other concepts that maybe you don't know yet, the better you can, you know, piece things together better with the, with the agents. You might not know the best way to do, like, I don't know, front end app... web app- applications, but, you know, as you learn more about the constraints in your production technical systems, you can also instruct the agent better so that it can reuse better patterns and tools. Then the thing you built is better. Versus you don't really know much, then it might just give you something mediocre.

    8. AE

      It's like a new, more powerful tool-

    9. RL

      Mm-hmm

    10. AE

      ... to use, and you need to learn how to use it effectively.

    11. RL

      Yeah. It's almost like the more domain knowledge you have, plus the agent, plus, you know, knowledge of the code base and everything that connects to it, the more things you can do. And it's not just for designers. It's for everyone.

    12. AE

      Mm-hmm. How do you think interfaces are gonna change in the future? There's a lot of talk of-

    13. RL

      Mm-hmm

    14. AE

      ... adaptive UIs and generative UIs.

    15. RL

      Mm-hmm.

    16. AE

      Like, how, how do you think about that? Where do you think that's going?

    17. RL

      The interfaces will stay, but they get completely decomposed, and then maybe the AI composes it or maybe the AI kind of figures out what's your preference and then applies it. We used to say, "Ah, when I want to make some docs, I go to Google Doc." And like an app, and then it's kind of fixed. Or like, "I need to track some issues. I go to Jira." It's also kind of fixed. Like, they have their own views, their own data models, all the concepts. When the AI or the agent or Cursor is really good at just kind of breaking apart all of these things and then kind of summarize, synthesize everything back together. But the problem is I don't think, say, just showing text or raw output is the most efficient way for people to, say, parse the information or-

    18. AE

      Mm-hmm

    19. RL

      ... do stuff with it. When it makes sense, I still want a to-do list. I still want a table.

    20. AE

      Mm-hmm.

    21. RL

      I still want to see the picture, the preview, the states, interact with it even. Instead of doing that in separate apps and then I need to stitch them together myself, it's just in one place, maybe in the same agent, in the same chat. And then the tool itself can also morph to what your... Like, your way of thinking, how you see the things. Maybe for a designer, the Cursor they use might look or feel a little different than the Cursor that your devs use, but it is still the same thing. It's just the same thing reconfigured. Th- Certain things get hidden by default. Certain things get shown by default.

    22. AE

      The dream of the adaptive UIs is that they can show the right thing at any moment.

    23. RL

      Mm-hmm.

    24. AE

      The problem with it is that how do you get comfortable and-

    25. RL

      Yeah

    26. AE

      ... set user expectations-

    27. RL

      Yeah

    28. AE

      ... around what it is? And it sounds like what-

    29. RL

      Yeah

    30. AE

      ... you're saying is it's not about generating it different every single time.

Episode duration: 42:19

Install uListen for AI-powered chat & search across the full episode — Get Full Transcript

Transcript of episode 3JiVDYL20G4

Get more out of YouTube videos.

High quality summaries for YouTube videos. Accurate transcripts to search & find moments. Powered by ChatGPT & Claude AI.

Add to Chrome