How I AI - A designer's guide to Cursor: How to build interactive prototypes with sound, explore visual styles, and transform data visualizations | Elizabeth Lin

Episode Date: June 16, 2025

Elizabeth Lin is an independent design educator who has crafted learning experiences for Khan Academy, Primer, and Lambda School. She currently runs design is a party, an alternative online design school where she teaches courses like The Art of Visual Design and Prototyping with Cursor. In this episode, she shares how designers can leverage Cursor to create interactive prototypes with sound, explore different visual aesthetics, and transform basic designs into polished interfaces—all without deep coding knowledge.What you'll learn:How to use Cursor to explore different design aesthetics—from brutalist to Y2K to cyberpunkA simple workflow for creating interactive sound elements in prototypes that would be difficult with traditional design toolsA step-by-step process for transforming an ugly dashboard into a polished design using strategic promptingWhy broadening your inspiration sources helps Cursor generate more unique and creative designTechniques for teaching AI tools to understand your design preferences and tasteA practical approach to creating data-driven prototypes by connecting Cursor with Notion databasesHow to use Cursor Rules to streamline your prototyping workflow and avoid repetitive setup tasks—Brought to you by:Lovable—Build apps by simply chatting with AIRetool—AI that's designed for developers, and built for the enterprise—Where to find Elizabeth Lin:Website: https://www.lalizlabeth.com/LinkedIn: https://www.linkedin.com/in/elizabethylin/X: https://x.com/lalizlabeth—Where to find Claire Vo:ChatPRD: https://www.chatprd.ai/Website: https://clairevo.com/LinkedIn: https://www.linkedin.com/in/clairevo/X: https://x.com/clairevo—In this episode, we cover:(00:00) Introduction to Elizabeth(02:20) Demo: Exploring different visual styles with Cursor(08:20) Comparing different design iterations from the same prompt(12:35) Building a working piano prototype with one prompt(16:30) Understanding what’s happening behind the scenes(18:28) Practical design team scenarios using Cursor(21:00) Step-by-step walkthrough of transforming an ugly finance dashboard(27:29) Using targeted prompts to improve layout and visual design(29:22) Building data-driven prototypes powered by Notion databases(31:12) Lightning round and final thoughts—Tools referenced:• Cursor: https://cursor.sh/• Notion: https://www.notion.so/• v0: https://v0.dev/• ChatGPT: https://chat.openai.com/—Other references:• Edward Tufte: https://www.edwardtufte.com/• Robinhood: https://robinhood.com/• Cash App: https://cash.app/• Stripe: https://stripe.com/• Neopets: https://www.neopets.com/• Goodreads: https://www.goodreads.com/• Shad CN: https://ui.shadcn.com/• Sketch: https://www.sketch.com/• Figma: https://www.figma.com/• Goodreads: https://www.goodreads.com/—Production and marketing by https://penname.co/. For inquiries about sponsoring the podcast, email [e-mail].

Working with Cursor has really taught me that tools like Cursor can actually be extremely creative. How do you teach an LLM to have good taste? The biggest key is to broaden your sources of inspiration and help them understand what you're inspired by. I would try to send like really random things like the K-Poc music video or like different pieces of art that it might not normally be inspired by and kind of see what it takes from it. And that's been really helpful to generate things that are a little bit more different. Right now there's nothing more fun than coming back to this page and seeing what it generated. I never know what's going to happen. I've tried similar prompts before and sometimes it does something completely different,

and so it's so fun to use the same prompt over and over again to see what I get every time. Do you keep these commonly used prompts in a document? Do you just know them? How are you keeping track of all these things that work and don't work? If something visually works really well, I've thought about asking cursor to generate a note or rule that helps me describe it to it in the future, so can reference that note in the future for a future project. Welcome back to How IAI.

I'm Claire Vow, product leader and AI obsessive here on a mission to help you build better with these new tools. Today we're talking to a cursor power user, Elizabeth Lynn, but she doesn't use it as a software engineer. Nope, she's a designer. She shows us how you can prompt cursor to explore different aesthetics for your design, integrate interactivity and sound into your prototypes, and take a really ugly dashboard, and make it look. great. Let's get to it. This episode is brought to you by Lovable. If you've ever had an idea for an app but didn't know where to start, Lovable is for you. Lovable lets you build working apps and websites by simply chatting with AI. Then you can customize it, add automations, and deploy it to

a live domain. It's perfect for marketers spinning up tools, product managers prototyping new ideas, or founders launching their next business. Unlike no-code tools, Loveable isn't about static pages. It builds full apps with real functionality. And it's fast. What used to take weeks, months, or even years, you can now do over the weekend. So if you've been sitting on an idea, now's the time to bring it to life. Get started for free at lovable.dev. That's lovable.com.

Elizabeth, thanks for joining HowIAI. Yeah, I'm excited to be here. One of the things I love about your work is you are teaching designers, to use cursor, not to code, like fine, code's a byproduct, but really to design better. And I think that's such an awesome angle. So I would love you to just walk us through how you use cursor and some of the tips and tricks that you're sharing with designers, you know. One of the things I love about teaching cursor to designers is that working with it really reminds me of when I used to make websites and neopats. I've been creating a lot of these really fun prototype sites that have kind of more like

chaotic little like gifts and you'll notice that here there's a little cursor that has a sparkle on it. These little cards animate and kind of go in different angles. And working with cursor has really taught me that tools like cursor can actually be extremely creative. This is another one I did as another demo where cursor was like, oh, let's create these three dimensional cards. And what I fed it was a, I don't know if you're familiar with Espa, the K-pop group, but I fed it an Espa, music video screenshot and I was like, hey, like be inspired by this. And I was like, okay, it looks like it's a little bit cyberpunk and it looks like there's a lot of like purples and blues. And so it kind of took that and then I went with it and iterated with it. I've been able to

explore like a lot of different visual styles specifically. And so I made this as like a prototype for a portfolio to show how easy it is to really explore very creatively. So I created this like chaotic interface where there's different modes of chaos that come with the interface. And I just had a lot of fun exploring it. Honestly, the first iteration of this was not very cute, but I was really inspired by a lot of the decisions the AIA made and I was able to really push forward for something that I was really excited about. And of course, I had to do an example that was a little bit more safe, that focused on more of what designers kind of value as good design today to show that I can also do that as well.

So those are a few examples of different visuals that I've explored specifically. So one of the things I like to start with is teaching students how to prototype by helping them create a homepage that they're really proud of. And so we start with this like really boring and bland website. And the goal is to make something that you are really excited about. So usually with like a blank page, it can be a little. bit hard to get started. But what I'm going to do first is I'm going to go ahead and open up cursor. And you'll notice that there's actually nothing here right now. Basically, this is just this home page here. There's no CSS. And I'm going to go ahead and paste this prompt that I really like to use that says,

what design aesthetics and movements are you comfortable implementing, list of styles, and describe them to me. I really love having conversations with agent and cursor because I find that it sometimes comes up with different ideas that I wouldn't necessarily be familiar with. And so you'll notice here that it's describing a lot of these visual design movements it's extremely comfortable with. And you'll notice that it's really comfortable with the ones that I think are really popular on the internet. So it's probably less comfortable with something that's a little bit more like art-focused, like Dadaism. But it's really comfortable with something like Vaporwave because that's something that is very trendy on the internet. So just to take a moment,

here. Yeah. What's interesting about this flow is you're not actually coming in with an idea of an aesthetic that you want to put into the design. You're actually prompting cursor to give you some ideas of design styles that you might be able to use. And then for folks that aren't watching the screen, what's really neat is cursor's done this really nice job of taking the design style, say, for example, cyberpunk, and actually giving you some descriptive words. So neon colors, schemes, dystopian elements, glitch effects. And those are phrases that I wouldn't think of as, even as somebody with the design background, but giving you just this language is really interesting. Yeah, I really encourage people to have conversations with LLMs because you never know what you're going to

learn from it. And then you kind of learn to speak its language a little bit better because sometimes you're not sure what it necessarily means by like cyberpunk and being able to pull those like specific details out can really help. Okay. So what's. Next. Do you have like two styles that you would like to see? Yes, of course. Let me look. Oh, let's, I mean, let's do Brutalist because that sounds real boring. So let's do a brutal. Actually, let's do these two. Brutalist and Y2K. I love because they'll be very different. Okay. So I'm going to say, can you redesign the homepage to be Brutalist and Y2K style? And I always tell my students that results might vary. So sometimes you'll get something really cool and other times, not. not so cool, but the good thing is that you can always undo. And so just while this is generating, I'm curious if you switch to the web page for a minute while it's generating, are you just making this with, are you also making this with cursor, the sort of like outline of the page or how are you getting that done?

Yeah, so I actually pre-made this outline because I think making the outline is a little bit trickier. And so when you want to start from scratch, that's something that I found is harder with cursor. It's easier with other tools like B0 and lovable. But I have a coding background. And so I was able to kind of set up the foundations for this project beforehand to kind of make it easier to prototype. So if somebody was maybe getting started, getting your basic black and white V0 prototype going and then pulling it into cursor for the style like might be the way to go. Yeah, yeah, exactly. Okay. I'm really fast. Yeah, so it's done some, like, really wild and funny things that I honestly wouldn't have even considered if I was designing this from scratch.

This little, like, blinky cursor thing is hilarious. It looks like it's trying to be like the command line up here. You'll notice that there's this, like, typing animation, which is really fun too. I think if I was to implement that from scratch, even as someone who's fairly good at CSS, I wouldn't have taken a while to figure out how to do that. But something else I've noticed is, especially if you're working with these tools, they love adding, like, random hover effects and random. Like this glow is so extra. But honestly, I feel like if I, like, iterate it on a little bit, it could probably do something pretty interesting. And so that's kind of like how I like to approach it is instead of starting with an idea, I typically actually like to do the opposite where I'm like, okay, let's start from a high level and see what you create from scratch.

And then I'll take that and then iterate on it if I think there's something really cool. I think this is so funny because two things. One, as someone who actually wrote code in literal Y2K, this is totally the kind of thing that I would have thought was super awesome. And I would have tried to learn special CSX, CSS or HTML tricks just to get this done. And then two, I'm just like you. You know, you mentioned neopets. I did this a lot with like webring style web design where it's just this like personal design space. space is so fun and AI is making it really accessible again, which I think is just, it's really

energizing to me. Yeah, I totally agree. I think right now there's nothing more fun than coming back to this page and seeing what it generated because I'm like, I never know what's going to happen. I've tried similar prompts before and sometimes it does something completely different. And so it's so fun to use the same prompt over and over again to see what I get every time. And let's say, I mean, this is obviously perfect, hanging it in the loop, but let's say, you know, You didn't love this. You're like, you know what? I don't need the glossy hover effect. I don't need, you know, the glow. How would you, would you just repromp this again to try to get something different? I would maybe try reprompting or I would try to iterate on this and kind of use my designer mindset on it to try to figure out how to make it better. We could try reprompting it and see what we get the next time to see what the difference could be. Do you want to do that? Yeah, let's do it. Okay. So this might tell you. You pick. You pick the aesthetic. I got to do it first, so you can do the next one. I actually think it might be interesting to do the same one and see what it looks like this time.

Great. Okay. So I'm going to go ahead and press enter. And did you go back to the original prompt and just resend it in cursors? Yeah, I always restore the checkpoint when I don't like something. That's something I actually really encourage people need a cursor to do because the more you go down a rabbit hole you don't like, the harder it is to like. crawl out of it. And so I use Restore Trackpoint pretty liberally. But I do encourage you to take screenshots so that you can kind of like revisit what it looked like before in case you want that glow back. So let's see what it looks like. Oh.

Interesting. So one a completely different route this time. Yeah. I kind of want the glow back. I know the glow felt a little bit more extreme, right? Yeah. Okay. So this time it's a lot more minimal than what we had before. I'm going to pull up the screenshot so that you can see the difference. So this is what it looked like before. And then this is what it looked like the second round. Some similar things, but actually very different style. Yeah, yeah, definitely. Okay, so you've shown us how to take a very basic site, say this is your average personal site or portfolio site, use cursor when you don't have an idea of what you want

the style to be. Say, tell me what styles I could consider for this design. Pick one and then actually reprompt it over and over, even with the same style, until you get something you like. It's a great process. It is really fun. Yeah. Okay. So this is a basic example of how you use cursor on the kind of like style side. But I know that designers are really excited about this moment because they can do much more complex things. So do you want to show us an example of something more complicated that you've built that would have been harder to do as a designer before? Yeah, of course.

So one of the things that I built as like one of the earliest prototypes was this working piano and stuff like this was really, really hard to do with existing prototyping tools. With existing prototyping tools like Figma, for example, you can't really hook up sound to like different actions. And with something like cursor or. working with real code, hooking up to sound is super, super easy. And so for this prompt, I'm generally able to generate a working piano with like one prompt. There's like some luck involved. Sometimes it doesn't work. Sometimes it does work. But this was really, really cool to make

because you can like immediately start interacting with it. I actually programmed this one to play for release. So I'm going to go ahead and hit play. So it's pretty cool because you can actually like hear it. You can also adjust the different types of sounds that it makes. can change the waveform as well. So like now if I like play and you know it's a different sound. It's very grating on the ears, but it creates like a square waveform instead. And so I think prototypes like this kind of show you how much you can do with code that you normally wouldn't be able to do with a traditional design tool like Figma or if you use a traditional design tool for prototyping, it would take a much longer time to create a prototype like this. So for this, are you

opening up cursor from scratch and saying, build me a thing? piano? Like, what's the prompt for something like this? Yeah, sure. So let's go ahead and I'll show you how I would do it. One thing to always know is to continuously start new chats. You never know what context it's going to use from before. So for this one, I'm going to go ahead and say, create a new prototype for a digital piano in the style of old Mac OS. I've noticed that it's pretty good at creating things in that style, because I think it understands what it is. You'll notice here that I've created a cursor rule that reacts in a certain way when I ask it to create a new prototype.

So I basically created a playground that makes it easy for me to build prototypes in cursor because I've created like rules that help me generate prototypes really quickly in the same repository. And so I don't have to deal with the setup when I'm creating a new piano. While this is generating, can we look at that cursor rules? Yeah, yeah, sure, of course. This is the rule. It's so simple. Like I know a lot of people have really, really long rules, but mine is basically like, if I ask you to create a new prototype, copy this folder and then add it to my homepage.

So it's very simple. Oh, got it. So it's just a simple prompt. So you're in one kind of folder for all your prototypes. And you can just ask cursor in the chat, make me a new prototype. And you don't have to like create the directory and add the files in and all that stuff. It does it for you. Yeah, exactly.

It makes it pretty convenient. So this is what it generated. You'll notice that it put the Mac piano prototype on the homepage because of my cursor rule, which is really convenient. So if I click on it, we'll see what we get. So I'm kind of nervous, but we'll see. So this is my Mac piano. So it kind of looks like the general old Mac aesthetic.

I'm going to try playing it and see what happens. So it works if I click. It doesn't work if I use my keys on my keyboard, which is pretty good already. It's already functional and it's creating a pretty cute piano. sound. This is amazing. This is amazing. My kids love making themselves games. I don't know if I should tell them they could make games with noises. This is awesome. Yeah, you can also make like a xylophone. There are a lot of like different instruments you can make. Now, when you're building something like this, you know, you as somebody with an engineering background, do you go back and look and say,

how did it actually do this? Or you're like, I got the piano. I don't care. Yeah, I actually think it's important to kind of have a baseline understanding of what's going on. So I often will be like, oh, what are you using to make the sounds and what options can I experiment with with the library you're using? I think when you have conversations like that, it kind of shows you what's possible. And then you understand like, oh, like I can actually make it sound like a violin if I wanted to or I can create a more vibrant sound. And so I think having a baseline understanding is, I think, useful, but I don't try to understand all the little details because I personally like this part better. I like seeing things more than I like kind of understanding some of like the deeper of how things work.

This episode is brought to you by Retool. There's a huge gap between impressive AI demos and AI apps that deliver real value inside your business. While most AI solutions can only generate text, Retool lets you build apps that take meaningful action by connecting directly to your business systems and data. With Retool, developers combine the power of code with the speed of visual building to create AI-powered tools that solve real problems. No more writing endless integration code or building UIs from scratch. The results speak volumes. The University of Texas Medical Branch increased diagnostic capacity tenfold. Amazon's Gen AI team uses Retool to make complex AI accessible to enterprise customers.

And Ramp saved $8 million while boosting efficiency by 20%. That's why over 10,000 companies, from startups to Fortune 500s, trust Retool as their AI app layer. Retool, because AI should do more than talk. It should work. So I love this as an example because it shows how easy it is to build a complex, interactive prototype that actually works with some things that would be hard to figure out. on your own, like, sound.

I'm curious as a designer, you know, how would I apply this to my work? Where do you think about taking this from, like, a prototype idea? It is something that could be really applicable when you're building an application or a website for work. When I'm teaching designers cursor, the first part I'm trying to get people excited about is the idea of using cursor. And so that's why we start off with projects like this to show like, hey, you can, like, create something really simple, really fast and it's working.

Then, like, for the more, like, practical side of actually bringing into the design team, you typically need to think more about, like, things that I personally find a little bit more boring, but, like, how do I use, like, a design system or, like, how can I, like, replicate our existing, like, sidebar to use that within the prototype. And that takes a little bit more work. I kind of think of that as when designers were, like, shifting over from, like, sketch to Figma and having to move the design library over. I think it kind of feels like that a little bit right now, where in order to be able to really use it while in a design team, doing the upfront work of moving your components or at least a subset of them into code in a way that's friendly for designers

can really go a long way because anyone on the team can really prototype with those components and be able to build prototypes within your team. Yeah. And then I have to call out as somebody who leads design teams, you know, folks are really worried that AI is going to take their job. And what I keep telling my design team is like, the fun part is not getting the buttons and the forms on the page. The fun part is, you know, when you press, the button and it goes do do and like gives your gives your user a moment of joy and so I really like this example because I think people underuse sound design in applications to bring in joy, bring in branding. I think you can have like a branded sound and AI makes that so much more

accessible. Motion is another piece where AI can really help you bring the polish and the edge to things and then interactivity, I think. And this is just a great example. of all three of those together, like motion, sound, interactivity. And while it's a piano example, I think it can make anybody's product better. Yeah, yeah, for sure. I think there's been like, I think an increase in the number of people using like little boops and beeps in their websites. And I think with those like Chris, it's probably going to become hopefully more and more common. Yeah. Okay. So one of the things I've noticed is it's pretty good at mimicking styles. So you said, look, it's good at mimicking sort of this like retro Mac style. It was okay at mimicking this

Y2K style. How do you teach an LLM, regardless of tool, maybe use it in cursor, to have good taste? Yeah, that's a really hard one. I am only starting to understand how to get it to have better taste. I think we can show like an example right now of how I might go about doing that if that's okay. Yeah, let's do it. Cool. Okay, so this is an example of like a personal finance dashboard that I ask cursor to create without any sort of like other information attached to it. And typically when you ask like any of these LLMs create anything, it doesn't look that good. So some people are like really impressed by this. But as a designer, I'm like, well, it's pretty ugly. Um, There's a lot like drop shadows.

The colors are really chaotic. The typography is not great. It's like, why is this above the circle thing? I don't know. And so I'm going to show you how I might go about this and help cursor kind of understand like what I'm looking for in terms of a visual design. I can't wait for this because I think generally design managers sometimes are really great and sometimes it really terrible at explaining what they want.

So whether or not you're using AI, I'm excited to learn your prompting techniques because I think they can work with people as well. So I'm going to go ahead and start with this prompt. So I'm going to say let's work on the finance dashboard. I have to be specific here because this project has a few different projects in it. Because I hate drop shadows, I'm going to ask it explicitly to remove all the drop shadows. And then I'm going to say make the components look more modern. And then I'm also going to ask it to like reference some like general finance products that people consider it as well designed. So I'm asking it to make it look like Robin Hood, Cash App or Stripe, etc.

I personally like to use really short prompts. I know there's like a whole movement out there for people who really like using long prompts, but I feel like I kind of like it to be a little bit more conversational, even though a lot of times Agent will say a lot of words that I don't read. I have to ask, since you said you hate drop shadows, have you considered making a cursor rules of like never do design files? I don't have that, but I do have one that's like, don't use title case because title case makes me more upset. And so I'm always like, please just please use sentence case.

Like stop like making everything like a title because it doesn't have to be in all uppercase. So that's the one I do have. Maybe I should add one for drop photos. Okay. Let's go ahead and see what it did. So you notice that now it's already improved. It added like these lines in the background so that it's a little bit easier to understand where these charts go. I actually don't know why the lines are on this background doesn't really make much sense, but it looks cool.

It added this, like, kind of like gray background. It thankfully removed the drop shadows and put like a little border around everything. There's still kind of like this like weird typography going on here. And you'll notice like again, the background doesn't extend the entire width. And so I think to get started, I'll say like right now the background is not filling the full area of the page just because that one bothers me the most. And then maybe after that we can ask it some more vague prompts and see how it manages that. So you like smaller prompts. And when you're doing iteration, it seems like you're focusing on like one or two key things. Not like, you know, fix everything. Here's my list of all the problems.

Rather focusing on one or two things it can do a step at a time. Yeah, I've noticed that if I give it like a laundry list of items, like forget to do the last three. Yeah. And so sometimes I'm like, okay, maybe I can. can just list them all out and then it's like, I'm like, wait a second, it didn't do this. And so I try to do one at a time. Okay, so it got the background. It does look nicer. It's easier. Yeah. So now we have the background. And so let's try a different prompt now. I kind of want it to simplify the colors a little bit on the page. I'm noticing there's like a few different shades of like there's like grays and blues and stuff like that. And then I also want it to maybe be inspired by Edward Tufti's work. I'm going to see if it can reference that.

Oh, you're a true designer. Let's go and see what it does with that information. I've noticed that, like, giving it references can really help. It tends to, like, be aware of, like, most of these references. And so it helps me in shortcutting, like, the explanation. If I didn't say Edward Tufty, and I would have to explain his principles, and that just takes a little bit longer. And do you keep these commonly used prompts in a document? Do you just, you know them?

How are you keeping track of all these things that work and don't work? Yeah, I do have a doc with all these. prompts and that's where I'm pulling them from because I'm like, this worked well last time. Let's try it again. And so I honestly encourage everyone to have a document like that. Another thing I've been thinking about is if something visually works really well, I've thought about asking cursor to like generate a note or rule that helps me describe it to it in the future. So if I'm like, oh, this is a really great example of Y2K, like how would you describe this to yourself in the future? And then I can reference that note in the future for a future project. Oh, that's super interesting.

So that closes the full circle of first you asked cursor what like what styles you yeah. And then you did Y2K. And then if you got something great, say we really just love that glow. You would say this is great. If I wanted to generate this again, how would I how would I do that? Because as we saw, just putting in the same words gets you a totally different response. Yeah, yeah, exactly.

That's really smart. Okay. Well, it made it very muted. It looks very like it does look pretty Edward Tufty with the colors. now it's not necessarily my style but you'll notice that I kind of like change the edges to be a little bit more square too so it's a very different style it's interesting and i'd probably continue exploring a little bit i think the last problem i'm going to try right now is um right now i'm like not a huge fan of this layout it's like basically this is on its own row which is

not great and it feels a little bit awkward and so the last drop we're going to try is can you improve the layout to make it look like something a top designer apple would approve of This one actually worked pretty well for me last time, but again, results may vary, so we'll see what it does this time. So I've seen you use other companies as an example in sort of three ways. I saw you use old mac aesthetic, a really common design system and style that, you know, the internet generally knows about. Then I saw make this look like other great products in the same space. And now I like this one because it's a real psychological hack. It's make it something that someone I respect or think has good taste would approve of, which is really interesting.

Yeah. I actually was surprised by this one last time. See, now it's like actually using a grid and it's like filling out the a lot of things, which I think is cool. And it's starting to get even more like a real product than it was at the beginning. Obviously, if I was working on this, I would definitely spend a lot more time iterating on it. But you can see like with a few prompts, I was already able to get it from like the more like dated. a drop shadow version into something that has like a little bit more of a brand and personality that follows visual design principles with a few prompts. And so I think the referencing really helps

because it's language that it understands. And I'm still experimenting with how to teach it what good taste is. But I think like having good references like really, really helps. Yeah. And one of the things that I know as a designer is designing data visualizations in something like Figma is so time intensive. So even to just get the charts laid out and the fake data in and what should the percentages be, all that takes time. And then if you hover over the bar charts here, you've got a little bit of interactivity. That's really hard to build. And so I like this example for two reasons. One, you show how you can go from something that's not great, two, really great. And like three, three prompts. And two, just data visualizations in general are such a great surface area for cursor-based

design. Are there other places that you think are just really hard to design for that you reach for a cursor on? I think, you know, charts and data viz is one. Any others come to mind? Anything that requires prototyping with real data. So I've recently been doing a lot of prototyping or creating like little apps in general that are powered by Notion databases. And being able to work with cursor on integrating with a notion database has been really cool and really powerful. I was able to create like a little bookshelf that's powered by by a notion database that kind of displays like books I've read recently. But I was able to create this, which is not all the books I read, but it's like a prototype where the idea is that in

theory I could create my own good reads, which is like my dream is just to have my own good reads. And so this was something I was able to create really easily with cursor because it's all powered by a notion database. Oh, wow. So you just, you use notion as the source of truth for the information, but you can build this like beautiful UI on top of it for yourself. Yeah, exactly. And like this is really bare bones right now, but the idea is that like once I get all my books in here, I can maybe see like what types of books I read the most, like how often do I rate books is really high, what are my most popular authors and stuff like that. And this is a personal project that I definitely want to continue kind of iterating on, but building this was super,

super easy because of tools like cursor. This is awesome. Well, Elizabeth, you've shown us so many good use cases. We made a slightly chaotic personal website, soliciting. sitting design styles from cursor. You showed us that interactivity including sound is something that's really accessible now. And then you went from yuck to yum on a nice design and also showed us a quick snapshot of you building yourself sort of a database backed product using really accessible tools in Notion and Cursor. Okay. I am going to ask you a couple lightning round questions and then we're going to get you back to all this awesome creating. So my First question is, are there any design bits or things you still really love doing by hand?

A lot of these come back to like, I would say like more like graphic design things honestly. But I love making like a random like poster for like a friend. There's still something really fun about photoshopping your friend's face into different situations that you can't really replicate with one of these AI tools. Because I think the process of doing it is just so much fun that I never want that to get taken away from me. And so I think a lot of those like really fun use cases, I really do prefer doing by hand. I love that you like exploring unique visual styles. But a lot of what we've seen is can you copy that or take this existing aesthetic? You know, how do you think designers can still infuse creativity?

How do you think we're going to get new styles when everything is generated from this same data? What do you think? I think designers were always taking inspiration from very. similar sources. And so I think the biggest key is to broaden your sources of inspiration and kind of being able to talk to these models and help them understand what you're inspired by. I try to send like really random things like the K-Pock music video or like different pieces of art that it might not normally be inspired by and kind of see what it takes from it. And that's been really helpful to generate things that are a little bit more different. I think right now

a lot of people are getting caught up with like, oh, like, we must use like Shrad Sien as a starting point, which is like good for creating something that's like maybe like good from a design standard's perspective, but it's not super creative. And so I think broadening your sources of inspiration really helps. Yeah, I really think there's a hole in the market for a chaotic prototype tool. Like everything is so classy. And I'm like, let's bring a little fun. So maybe that can be the next prototype you build. Okay. The final. question I always ask, and you seem very polite to your AI. So I have to ask this, when your AI designer is really failing you and making ugly stuff, how do you get it to do what you want it to do

when it's really not listening? I've noticed it's really frustrating, especially with like animations. It just wants to make it like really, really dramatic. And I'm, I find myself repeating the same prompt multiple times. I'm like, make it more subtle. And then I'm like, no, more subtle. And then like, please, even more subtle. And I think sometimes that energy can help. But when that doesn't help, I always recommend, like, starting over. Like, it's like, okay, at this point, might as well restart and see what we get at the beginning. It didn't take that long to get here in the first place. And so it doesn't hurt to restart and kind of see if you can get somewhere better the next time. Well, I have a how I ATI tip for you because one of our recent guests said, she says, like,

make it a thousand times more subtle. Oh, that's a good. Yeah, that's a good one. So you can try that. You can try that for next time. Elizabeth, this was so fun. Where can we find you and how can we help you? Yeah, sure. So I'm usually everywhere on the internet as Lilislebath. And I'm currently teaching a course called prototyping with cursor. And you can check that out at design asaparty.com.

Amazing. Well, thank you so much. I'm so excited to share this with our listeners. Thank you. Thanks so much for watching. If you enjoyed this show, please like and subscribe here on YouTube or even better, leave us a comment with your thoughts. You can also find this podcast on Apple Podcasts, Spotify, or your favorite podcast app.

Please consider leaving us a rating and review, which will help others find the show. You can see all our episodes and learn more about the show at how IAIIPOD.com. See you next time.