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.

Det här avsnittet är hämtat från ett öppet RSS-flöde och publiceras inte av Podme. Det kan innehålla reklam.

Avsnitt(123)

How Figma’s PMs actually use AI every day | Ezra Mechaber (PM, Figma)

How Figma’s PMs actually use AI every day | Ezra Mechaber (PM, Figma)

Ezra Mechaber is a growth product manager at Figma whose goal is to be “lazy in the right places.” When he joined Figma, he found almost no one outside engineering using AI to get real work done, so h...

2 Nov 42min

Grok vs. Dot vs. Muse vs. Claude Duet: which one crushes the competition?

Grok vs. Dot vs. Muse vs. Claude Duet: which one crushes the competition?

I have personal-agent fatigue, so I ran the first How I AI personal-agent benchmark: Grok Bot, Dot, Muse, and Claude Duet across nine real tasks, from a Slack reply and a Sentry bug to a Figma thumbna...

28 Okt 35min

Why Reddit built its own AI prototyping tool | Blair Metcalf

Why Reddit built its own AI prototyping tool | Blair Metcalf

Blair Metcalf is the principal UX engineer at Reddit and the builder of Reddit Proto, the company’s in-house vibe-coding harness. With a design system MCP that maps Reddit’s product language to produc...

26 Okt 29min

Claude Duet is beautiful. I still forgot to use it

Claude Duet is beautiful. I still forgot to use it

Anthropic's new personal agent, Claude Duet, lives on your phone, inherits all your Claude plugins and connectors, and is pitched at small business owners and busy professionals. It's the most polishe...

21 Okt 16min

“Claude cuts my TikTok”: How this creator is scaling video with AI | Brooke Lacey

“Claude cuts my TikTok”: How this creator is scaling video with AI | Brooke Lacey

Brooke Lacey has been making videos since before Facebook had video, and she built a TikTok audience of more than 290,000 by learning to cut short-form videos herself. With over 25 years in tech, she ...

19 Okt 36min

Meta’s new ‘Muse Wonder’ model: good for AI agents, bad for design

Meta’s new ‘Muse Wonder’ model: good for AI agents, bad for design

I put Meta’s new Muse Wonder (and Wonder Full) frontier models through the How I AI bench, which covers nearly 20 tasks across prototyping, agentic workflows, coding, writing, and creative work. I sco...

14 Okt 24min

How Meta designed Muse: an AI agent people actually want to talk to | Alex Cornell (Design Director)

How Meta designed Muse: an AI agent people actually want to talk to | Alex Cornell (Design Director)

Alex Cornell is a design director at Meta, where he leads design on Muse, Meta’s consumer AI agent. He came to the role with a long background in software product design, including time as a founder, ...

12 Okt 37min

How OpenAI uses ChatGPT Sites (live at DevDay!) | Kath Korevec (Product Lead)

How OpenAI uses ChatGPT Sites (live at DevDay!) | Kath Korevec (Product Lead)

Kath Korevec is a member of the Product staff at OpenAI working on Codex, and she spent over a year building and using ChatGPT Sites internally before its public launch. She’s been on the front lines ...

5 Okt 35min

Populärt inom Teknik

uppgang-och-fall
natets-morka-sida
elbilsveckan
market-makers
bilar-med-sladd
vi-bilagares-podcast
rss-laddstationen-med-elbilen-i-sverige
rss-ai-med-jonas-benjamin
skogsforum-podcast
rss-en-ai-till-kaffet
rss-veckans-ai
rss-snacka-om-ai
bli-saker-podden
rss-it-sakerhetspodden
rss-elektrikerpodden
bosse-bildoktorn-och-hasse-p
rss-technokratin
hej-bruksbil
solcellskollens-podcast
rss-milpodden