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 Juni 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.

Avsnitt(67)

How Intercom 2x’d their engineering velocity in 9 months with Claude Code | Brian Scanlan

How Intercom 2x’d their engineering velocity in 9 months with Claude Code | Brian Scanlan

Brian Scanlan is a senior principal engineer at Intercom, where he’s led the company’s transformation to AI-first engineering. In just nine months, Intercom doubled their R&D throughput while maintain...

20 Apr 1h 18min

Claude Cowork 101: How to automate your workday without touching code | JJ Englert (Tenex)

Claude Cowork 101: How to automate your workday without touching code | JJ Englert (Tenex)

JJ Englert leads community enablement at Tenex. In this episode, JJ provides a complete zero-to-one tutorial on Claude Cowork, Anthropic’s desktop tool that sits between simple chat and full terminal-...

13 Apr 50min

I built a custom Slack inbox. It was easier than you’d think. | Yash Tekriwal (Clay)

I built a custom Slack inbox. It was easier than you’d think. | Yash Tekriwal (Clay)

Yash Tekriwal is the head of education at Clay. A self-described hyper-optimizer, Yash has built multiple custom productivity applications using Perplexity Computer and OpenClaw to manage his overwhel...

8 Apr 44min

I gave Claude Code our entire codebase. Our customers noticed. | Al Chen (Galileo)

I gave Claude Code our entire codebase. Our customers noticed. | Al Chen (Galileo)

Al Chen is a field engineer at Galileo, an observability platform for AI applications, where he works on the front lines with enterprise customers asking highly technical questions. Despite never havi...

6 Apr 45min

How to turn Claude Code into your personal life operating system | Hilary Gridley

How to turn Claude Code into your personal life operating system | Hilary Gridley

Hilary Gridley is an entrepreneur, former product leader, and new mom who previously appeared on the podcast discussing AI for managers. She returns to share how she's transformed her approach to pers...

30 Mars 51min

How Stripe built “minions”—AI coding agents that ship 1,300 PRs weekly from Slack reactions | Steve Kaliski (Stripe engineer)

How Stripe built “minions”—AI coding agents that ship 1,300 PRs weekly from Slack reactions | Steve Kaliski (Stripe engineer)

Steve Kaliski is a software engineer at Stripe who has spent the past six and a half years building developer tools and payment infrastructure. He’s part of the team that created “minions”—Stripe’s in...

25 Mars 41min

How Microsoft's AI VP automates everything with Warp | Marco Casalaina

How Microsoft's AI VP automates everything with Warp | Marco Casalaina

Marco Casalaina, VP of Core AI Products and AI Futurist at Microsoft, demonstrates how he uses AI tools to automate administrative tasks that typically consume valuable time. Rather than using Warp as...

23 Mars 34min

From journalist to iOS developer: How LinkedIn’s editor builds with Claude Code | Daniel Roth

From journalist to iOS developer: How LinkedIn’s editor builds with Claude Code | Daniel Roth

Daniel Roth, editor in chief at LinkedIn, went from business writer to iOS app developer, without ever learning how to code. Using Claude Code, Daniel built and shipped multiple production-ready iOS a...

16 Mars 38min

Populärt inom Teknik

uppgang-och-fall
elbilsveckan
market-makers
rss-elektrikerpodden
bilar-med-sladd
skogsforum-podcast
rss-uppgang-och-fall
rss-laddstationen-med-elbilen-i-sverige
developers-mer-an-bara-kod
rss-veckans-ai
natets-morka-sida
bli-saker-podden
rss-powerboat-sverige-podcast
rss-technokratin
rss-fabriken-2
rss-snacka-om-ai
teknikveckan
hej-bruksbil
kodsnack
rss-digitala-influencer-podden