How She Built a CINEMATIC UX Portfolio with Claude Design & Figma Motion ✦ Edna Ho
27K views · 2026-10-05
Product Design
How do you build a cinematic & unique UX portfolio with AI while keeping your own design voice?
Edna Ho takes us behind the scenes of her UX portfolio from a blooming orchid animation created with Claude Design to animated project thumbnails made with Figma Motion and Jitter. She shares how she uses visual references, intentional prompting, and motion design to shape the pacing, visual style, and immersive feel of her portfolio.
We also explore two case studies she worked on with her teams: Umbrella, a browser plugin designed to support teen AI literacy and emotional boundaries, and Muse, a home device that combines emotional input, generative music, and responsive visuals. Edna shares how she approaches UX portfolio feedback, creates skimmable case studies for recruiters, and develops her design taste while keeping her own voice in her AI design workflow.
If you're building your UX portfolio or exploring AI tooling as UX/product designer, you CANNOT miss this conversation!
🕗 Timestamps
00:00 Intro
00:47 Meet Edna Ho: From Psychology & Engineering to Product Design
02:31 Inside Her UX Design Portfolio
03:57 Creating a Orchid Animation with Claude Design
08:32 Animating Human Connection with a Consistent Visual Style
11:45 Project Thumbnail Animation: Motion Design with Figma Motion & Jitter
14:58 UX Case Study 1: Umbrella
19:37 UX Case Study 2: Muse
23:41 AI Prompting Tips: References, Intention & Refinement
26:13 Using UX Portfolio Feedback Without Losing Your Design Voice
30:06 UX Case Study Storytelling & Designing for Your Audience (eg. recrituers)
31:53 Developing Design Taste & Finding Everyday Inspiration
33:26 Advice for UX/Product Designers Feeling Anxious About AI
36:01 Fun Question :)
37:11 Where to Connect with Edna
💫 About Edna Ho
Edna is an AI product designer, designing at the intersection of Human-AI interaction and the future of human connection. She graduates with her Master of Design in Emerging Technologies from UC Berkeley in December 2026.
🔗 Connect with Edna
Portfolio: https://ednaho.com/
LinkedIn: https://www.linkedin.com/in/edna-ho/
YouTube: @edna-ho
📌 Disclosure: The views and opinions expressed in this episode are those of the host and guest and do not necessarily reflect those of their current or former employers or affiliated organizations.
#uxdesign #designportfolio #productdesign #uxportfolio #aifordesigners #claudedesign #motiondesign #vibecoding #uxcasestudy #productdesigner #uxdesigner #uxdesigners #figma
Edna Ho takes us behind the scenes of her UX portfolio from a blooming orchid animation created with Claude Design to animated project thumbnails made with Figma Motion and Jitter. She shares how she uses visual references, intentional prompting, and motion design to shape the pacing, visual style, and immersive feel of her portfolio.
We also explore two case studies she worked on with her teams: Umbrella, a browser plugin designed to support teen AI literacy and emotional boundaries, and Muse, a home device that combines emotional input, generative music, and responsive visuals. Edna shares how she approaches UX portfolio feedback, creates skimmable case studies for recruiters, and develops her design taste while keeping her own voice in her AI design workflow.
If you're building your UX portfolio or exploring AI tooling as UX/product designer, you CANNOT miss this conversation!
🕗 Timestamps
00:00 Intro
00:47 Meet Edna Ho: From Psychology & Engineering to Product Design
02:31 Inside Her UX Design Portfolio
03:57 Creating a Orchid Animation with Claude Design
08:32 Animating Human Connection with a Consistent Visual Style
11:45 Project Thumbnail Animation: Motion Design with Figma Motion & Jitter
14:58 UX Case Study 1: Umbrella
19:37 UX Case Study 2: Muse
23:41 AI Prompting Tips: References, Intention & Refinement
26:13 Using UX Portfolio Feedback Without Losing Your Design Voice
30:06 UX Case Study Storytelling & Designing for Your Audience (eg. recrituers)
31:53 Developing Design Taste & Finding Everyday Inspiration
33:26 Advice for UX/Product Designers Feeling Anxious About AI
36:01 Fun Question :)
37:11 Where to Connect with Edna
💫 About Edna Ho
Edna is an AI product designer, designing at the intersection of Human-AI interaction and the future of human connection. She graduates with her Master of Design in Emerging Technologies from UC Berkeley in December 2026.
🔗 Connect with Edna
Portfolio: https://ednaho.com/
LinkedIn: https://www.linkedin.com/in/edna-ho/
YouTube: @edna-ho
📌 Disclosure: The views and opinions expressed in this episode are those of the host and guest and do not necessarily reflect those of their current or former employers or affiliated organizations.
#uxdesign #designportfolio #productdesign #uxportfolio #aifordesigners #claudedesign #motiondesign #vibecoding #uxcasestudy #productdesigner #uxdesigner #uxdesigners #figma