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

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

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:

  1. How to use Cursor to explore different design aesthetics—from brutalist to Y2K to cyberpunk
  2. A simple workflow for creating interactive sound elements in prototypes that would be difficult with traditional design tools
  3. A step-by-step process for transforming an ugly dashboard into a polished design using strategic prompting
  4. Why broadening your inspiration sources helps Cursor generate more unique and creative design
  5. Techniques for teaching AI tools to understand your design preferences and taste
  6. A practical approach to creating data-driven prototypes by connecting Cursor with Notion databases
  7. How 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 AI

Retool—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 jordan@penname.co.

Episoder(65)

How Coinbase scaled AI to 1,000+ engineers | Chintan Turakhia

How Coinbase scaled AI to 1,000+ engineers | Chintan Turakhia

Chintan Turakhia is Senior Director of Engineering at Coinbase, where he’s led the transformation of a 1,000-plus-engineer organization to embrace AI tools at scale. When tasked with rewriting Coinbas...

2 Mar 58min

5 OpenClaw agents run my home, finances, and code | Jesse Genet

5 OpenClaw agents run my home, finances, and code | Jesse Genet

Jesse Genet is a homeschooling parent and entrepreneur who runs her household with five specialized OpenClaw agents. She layers them on top of her Obsidian “second brain,” deploys each on its own Mac ...

25 Feb 49min

“I haven’t written a single line of front-end code in 3 months”: How Notion’s design team uses Claude Code to prototype

“I haven’t written a single line of front-end code in 3 months”: How Notion’s design team uses Claude Code to prototype

Brian Lovin is a designer at Notion AI who has transformed how the design team builds prototypes, by creating a shared code environment powered by Claude Code. Instead of designers working in isolated...

23 Feb 51min

How this visually impaired engineer uses Claude Code to make his life more accessible | Joe McCormick

How this visually impaired engineer uses Claude Code to make his life more accessible | Joe McCormick

Joe McCormick is a principal software engineer at Babylist who lost most of his central vision due to a rare genetic disorder right before starting college. He pivoted from mechanical engineering to c...

16 Feb 49min

Claude Opus 4.6 vs. GPT-5.3 Codex: How I shipped 93,000 lines of code in 5 days

Claude Opus 4.6 vs. GPT-5.3 Codex: How I shipped 93,000 lines of code in 5 days

I put the newest AI coding models from OpenAI and Anthropic head-to-head, testing them on real engineering work I’m actually doing. I compare GPT-5.3 Codex with Opus 4.6 (and Opus 4.6 Fast) by asking ...

11 Feb 30min

How to build your own AI developer tools with Claude Code | CJ Hess (Tenex)

How to build your own AI developer tools with Claude Code | CJ Hess (Tenex)

CJ Hess is a software engineer at Tenex who has built some of the most useful tools and workflows for being a “real AI engineer.” In this episode, CJ demonstrates his custom-built tool, Flowy, that tr...

9 Feb 53min

Guillermo Rauch: Vercel CEO on how v0 hit 3,200 PRs merged per day (and lets anyone ship)

Guillermo Rauch: Vercel CEO on how v0 hit 3,200 PRs merged per day (and lets anyone ship)

Guillermo Rauch, the CEO of Vercel, demonstrates how v0 has evolved from a simple prototyping tool to a complete development environment that supports the entire Git workflow. Guillermo shows how Verc...

4 Feb 43min

How this PM uses MCPs to automate his meeting prep, CRM updates, and customer feedback synthesis | Reid Robinson (Zapier)

How this PM uses MCPs to automate his meeting prep, CRM updates, and customer feedback synthesis | Reid Robinson (Zapier)

Reid Robinson, Principal AI Product Strategist at Zapier, shares how he uses Model Context Protocols (MCPs) to automate tedious tasks and create powerful workflows. He demonstrates practical workflows...

2 Feb 40min

Populært innen Teknologi

lydartikler-fra-aftenposten
romkapsel
teknisk-sett
tomprat-med-gunnar-tjomlid
rss-impressions-2
shifter
teknologi-og-mennesker
fornybaren
nasjonal-sikkerhetsmyndighet-nsm
rss-ki-praten
smart-forklart
elektropodden
pedagogisk-intelligens
rss-alt-vi-kan
rss-ai-forklart
hans-petter-og-co
rss-for-alarmen-gar
rss-heis
energi-og-klima
rss-polypod