How to Build a UX Design Portfolio Website with Framer | 2024 Tutorial
Aliena Cai Aliena Cai
97.8K subscribers
12,538 views
0

 Published On Premiered Jun 12, 2024

Start your Framer UX Portfolio here: https://shorturl.at/cZxju
And use code ALIENA to get 25% off basic and mini sites

My example portfolio: https://alienacai.me
My product design course: https://fasttrackux.com

All projects, numbers, and figures in this video are fictional and for educational purposes only.

Timestamps:
Introduction and Overview: (0:00)
Creating a Portfolio Wireframe for Home Page and Case Studies: (0:12)
Designing Hi-Fi Responsive Pages in Figma: (3:00)
Exporting Designs from Figma to Framer: (6:04)
Responsive Design Basics: (9:28)
Responsive Design Example: (12:48)
Adding Links in Framer: (15:41)
Getting a Free Framer Domain: (16:59)
Setting a Custom Cursor: (17:24)
Adding Effects to Framer: (17:52)
Publishing Your Portfolio to a Custom Domain: (18:26)
Final Tips and Insights: (20:03)

show more

Share/Embed