EVERY SPOKEN WORD
40 min read · 7,716 words- 0:00 – 4:11
Designers Becoming Builders
- RLRyo Lu
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.
- AEAaron Epstein
[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.
- RLRyo Lu
Thank you.
- AEAaron Epstein
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?
- RLRyo Lu
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-
- AEAaron Epstein
Mm-hmm
- RLRyo Lu
... 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.
- AEAaron Epstein
Were you technical all those years, like, when you first started to design?
- RLRyo Lu
[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.
- AEAaron Epstein
Mm-hmm.
- RLRyo Lu
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.
- AEAaron Epstein
Yeah.
- RLRyo Lu
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.
- AEAaron Epstein
And that'll take forever, right?
- RLRyo Lu
Mm-hmm. It will take, like-
- AEAaron Epstein
That's the fear
- RLRyo Lu
... it will take, like, month, almost like you need to, like, really focus on this and then go to a bootcamp and whatever.
- AEAaron Epstein
Mm-hmm.
- RLRyo Lu
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.
- AEAaron Epstein
Yeah.
- RLRyo Lu
So that's the difference.
- AEAaron Epstein
It sounds like you went through this journey of being frustrated that you-
- RLRyo Lu
Mm-hmm
- AEAaron Epstein
... were kind of put in the design box-
- RLRyo Lu
Mm-hmm
- AEAaron Epstein
... of, like, this is the little piece that you should focus on.
- RLRyo Lu
Mm-hmm.
- AEAaron Epstein
And now you have all these tools, and you're able to actually build the thing that you-
- RLRyo Lu
Yeah
- AEAaron Epstein
... envision, that you've designed. You can make it come to life and be real.
- 4:11 – 8:39
Learning by Building, Not Studying
- RLRyo Lu
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.
- AEAaron Epstein
So for anybody watching, maybe they're a designer.
- RLRyo Lu
Mm-hmm.
- AEAaron Epstein
They feel stuck in that box. They haven't been able to build the thing-
- RLRyo Lu
Yeah
- AEAaron Epstein
... and break out. What's, like, the first step? Like, what are the things-
- RLRyo Lu
Mm-hmm
- AEAaron Epstein
... that they should do-
- RLRyo Lu
Yeah
- AEAaron Epstein
... to put them on that path to your KPIs-
- RLRyo Lu
Yeah
- AEAaron Epstein
... of turning them into-
- RLRyo Lu
I think-
- AEAaron Epstein
... good developers too?
- RLRyo Lu
... it's actually fine or it's good to play with the more, like, vibe coding tools.
- AEAaron Epstein
Mm-hmm.
- RLRyo Lu
So like Figma Make or v0. Like, those kind of help you get started in a more constrained fashion.
- AEAaron Epstein
Mm-hmm.
- RLRyo Lu
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.
- AEAaron Epstein
Mm-hmm.
- RLRyo Lu
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.
- AEAaron Epstein
Mm-hmm. How long have you been at Cursor? And tell us more about-
- RLRyo Lu
Uh
- AEAaron Epstein
... your role and, and what you do in the day-to-day there.
- RLRyo Lu
I've been at Cursor for almost 10 month, but it feels like five years.
- AEAaron Epstein
Mm-hmm [chuckles] .
- RLRyo Lu
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.
- AEAaron Epstein
Wow.
- RLRyo Lu
Now we have 250 people.
- AEAaron Epstein
Yeah.
- 8:39 – 13:30
Inside Cursor’s Design Team
- RLRyo Lu
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.
- AEAaron Epstein
Mm-hmm.
- RLRyo Lu
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-
- AEAaron Epstein
Mm-hmm
- RLRyo Lu
... 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.
- AEAaron Epstein
Mm-hmm.
- RLRyo Lu
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.
- AEAaron Epstein
[chuckles]
- RLRyo Lu
It was, like, a little checkbox in the composer tab that says normal. It's like normal versus agent. Nobody knows what normal means.
- AEAaron Epstein
Right.
- RLRyo Lu
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.
- AEAaron Epstein
Mm-hmm.
- RLRyo Lu
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.
- AEAaron Epstein
Mm-hmm [chuckles] .
- RLRyo Lu
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-
- AEAaron Epstein
Mm-hmm
- RLRyo Lu
... but then it's kind of assisting you, to now the agent writes most code.
- AEAaron Epstein
Mm-hmm.
- RLRyo Lu
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.
- AEAaron Epstein
Oh, wow.
- RLRyo Lu
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.
- AEAaron Epstein
You've talked a lot about, you know, simplifying UIs, simplifying interactions.
- RLRyo Lu
Mm-hmm.
- AEAaron Epstein
Is there a lesson in there for, uh, design founders as they're building their products?
- RLRyo Lu
Yeah. I think of, like,
- 13:30 – 17:40
Designing Systems, Not Features
- RLRyo Lu
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-
- AEAaron Epstein
Mm-hmm
- RLRyo Lu
... 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.
- AEAaron Epstein
Mm-hmm.
- RLRyo Lu
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.
- AEAaron Epstein
Yeah. I think one of my takeaways is, um, as products scale, and certainly-
- RLRyo Lu
Mm-hmm
- AEAaron Epstein
... you know, you... Probably Cursor is one of the fastest-
- RLRyo Lu
[laughs]
- AEAaron Epstein
... growing products ever in history.
- RLRyo Lu
Yeah.
- AEAaron Epstein
Um, the tendency is to keep adding more features.
- RLRyo Lu
Mm-hmm.
- AEAaron Epstein
And the, the product expands in complexity as-
- RLRyo Lu
Mm-hmm
- AEAaron Epstein
... the, as the user base scales-
- RLRyo Lu
Yeah
- AEAaron Epstein
... and, you know, all the use cases-
- RLRyo Lu
Yeah
- AEAaron Epstein
... expand. And if you're not intentional about going back through and rethinking things and paring it back down to the simpler state-
- RLRyo Lu
Yeah
- AEAaron Epstein
... it's very easy for these products to get out of control.
- RLRyo Lu
Mm-hmm.
- AEAaron Epstein
And then it becomes something that is for nobody-
- RLRyo Lu
Yes
- AEAaron Epstein
... because it doesn't have an opinion.
- RLRyo Lu
Yes.
- AEAaron Epstein
And it's impossible to work with these primitives-
- RLRyo Lu
Yep, yep, yep
- AEAaron Epstein
... like you describe. And it sounds like that is an exercise that you are regularly going through.
- 17:40 – 23:15
Rebuilding Cursor Around Agents
- RLRyo Lu
So I just pulled up Cursor when it started in 2023.
- AEAaron Epstein
Mm-hmm.
- RLRyo Lu
Wow. What is this? What does it do? Cool.
- AEAaron Epstein
It's very dark also.
- RLRyo Lu
Yeah, very dark, very, like... I'm not sure what these gradients are.
- AEAaron Epstein
Yeah.
- RLRyo Lu
Not sure what this is either.
- AEAaron Epstein
Mm-hmm.
- RLRyo Lu
It's like...
- AEAaron Epstein
Yeah, I see some blurry code, which-
- RLRyo Lu
Very, very not sure
- AEAaron Epstein
... a text box.
- RLRyo Lu
Looks like the fonts are not loaded, but it might be something-
- AEAaron Epstein
Okay
- RLRyo Lu
... not that great. "Chat with your project. Ask Grapt L codebase."
- AEAaron Epstein
All right, now we're getting-
- RLRyo Lu
Oh, whoa
- AEAaron Epstein
... into a little bit more specifics
- RLRyo Lu
This thing is kind of crazy
- AEAaron Epstein
The line follows you
- RLRyo Lu
Yeah, yeah, yeah.
- AEAaron Epstein
[laughs]
- RLRyo Lu
So extra. Like, what are you trying to do? Like, you want people to focus on this line?
- AEAaron Epstein
Right.
- RLRyo Lu
Like, what the hell?
- AEAaron Epstein
Yeah, it's distracting, huh?
- RLRyo Lu
Yeah.
- AEAaron Epstein
Or it makes you think you're living in the future right now.
- RLRyo Lu
Right. Sure.
- AEAaron Epstein
It's like Tron or something.
- 23:15 – 30:52
Prototyping With “Baby Cursor”
- RLRyo Lu
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-
- AEAaron Epstein
Mm-hmm
- RLRyo Lu
... 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.
- AEAaron Epstein
So Baby Cursor is, like, a scaled down, simplified version-
- RLRyo Lu
Mm-hmm
- AEAaron Epstein
... of Cursor-
- RLRyo Lu
Yes
- AEAaron Epstein
... that is like it in many ways.
- RLRyo Lu
Mm-hmm.
- AEAaron Epstein
And it becomes your own personal playground-
- RLRyo Lu
Yes
- AEAaron Epstein
... for you to just add new features and explore different ways of doing things-
- RLRyo Lu
Mm-hmm
- AEAaron Epstein
... to try to get it right before you eventually wrap it back in-
- RLRyo Lu
Yeah
- AEAaron Epstein
... into, uh, grown-up Cursor.
- RLRyo Lu
Yep. So I built this in-I think an afternoon, maybe like couple hours.
- AEAaron Epstein
Hmm.
- RLRyo Lu
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.
- AEAaron Epstein
Mm.
- RLRyo Lu
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.
- AEAaron Epstein
Mm-hmm.
- RLRyo Lu
We added the internal browser, so maybe that's like how this thing ended up.
- AEAaron Epstein
Mm-hmm.
- RLRyo Lu
Um-
- AEAaron Epstein
And that started in Baby Cursor?
- RLRyo Lu
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-
- AEAaron Epstein
Mm
- RLRyo Lu
... 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-
- AEAaron Epstein
Nice. Yeah
- 30:52 – 36:10
Design as Sculpting, Not Painting
- AEAaron Epstein
Cool.
- RLRyo Lu
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.
- AEAaron Epstein
Oh, there we go.
- RLRyo Lu
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.
- AEAaron Epstein
Ah.
- RLRyo Lu
Nice. There you go. Beautiful. Cool.
- AEAaron Epstein
That's great, and the cool thing is you didn't even have to touch any code, right?
- RLRyo Lu
Mm-hmm.
- AEAaron Epstein
You basically just spoke in English.
- RLRyo Lu
Mm-hmm.
- AEAaron Epstein
You got a PRD-
- RLRyo Lu
Yep
- AEAaron Epstein
... which designers are used to today.
- RLRyo Lu
Yep.
- AEAaron Epstein
And you just kept telling it what to do to fix things-
- RLRyo Lu
Mm-hmm
- AEAaron Epstein
... until it did it.
- RLRyo Lu
And if you want to look at code, it's here.
- AEAaron Epstein
It's there if you want it. That feels approachable for any designer to do, right?
- RLRyo Lu
Mm-hmm.
- AEAaron Epstein
And start building something themselves.
- RLRyo Lu
Yeah, so one thing that I think we're gonna fix maybe, like, even in the next two weeks is-
- AEAaron Epstein
Mm-hmm
- RLRyo Lu
... like, when you start Cursor, like you're, you're faced with, like, three buttons, at least the, the version before.
- AEAaron Epstein
Mm-hmm.
- RLRyo Lu
Where it says, like, Open project, Clone repo, Connect to SSH.
- AEAaron Epstein
Yeah.
- RLRyo Lu
Like, you don't really know what the hell, like, those things mean.
- AEAaron Epstein
Yeah, many designers-
- RLRyo Lu
And then our new, like, landing page is just like, boom, you just start.
- 36:10 – 42:17
The Future of Designers and Engineers
- RLRyo Lu
like it's not even just for designers.
- AEAaron Epstein
Mm-hmm.
- RLRyo Lu
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.
- AEAaron Epstein
Right.
- RLRyo Lu
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.
- AEAaron Epstein
Yeah. And so in that world, what are the skills that designers should be focused on becoming great at?
- RLRyo Lu
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.
- AEAaron Epstein
It's like a new, more powerful tool-
- RLRyo Lu
Mm-hmm
- AEAaron Epstein
... to use, and you need to learn how to use it effectively.
- RLRyo Lu
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.
- AEAaron Epstein
Mm-hmm. How do you think interfaces are gonna change in the future? There's a lot of talk of-
- RLRyo Lu
Mm-hmm
- AEAaron Epstein
... adaptive UIs and generative UIs.
- RLRyo Lu
Mm-hmm.
- AEAaron Epstein
Like, how, how do you think about that? Where do you think that's going?
- RLRyo Lu
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-
- AEAaron Epstein
Mm-hmm
- RLRyo Lu
... do stuff with it. When it makes sense, I still want a to-do list. I still want a table.
- AEAaron Epstein
Mm-hmm.
- RLRyo Lu
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.
- AEAaron Epstein
The dream of the adaptive UIs is that they can show the right thing at any moment.
- RLRyo Lu
Mm-hmm.
- AEAaron Epstein
The problem with it is that how do you get comfortable and-
- RLRyo Lu
Yeah
- AEAaron Epstein
... set user expectations-
- RLRyo Lu
Yeah
- AEAaron Epstein
... around what it is? And it sounds like what-
- RLRyo Lu
Yeah
- AEAaron Epstein
... 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