Design, Build, & Publish your Portfolio with Figma & Framer

Design, Build, & Publish your Portfolio with Figma & Framer

This course is part of Foundations of Immersive UX & Interactive Design Specialization

Instructor: Skillshare

Included with

Learn more

4 modules

Gain insight into a topic and learn the fundamentals.

Beginner level

No prior experience required

5 hours to complete

Flexible schedule

Learn at your own pace

4 modules

Gain insight into a topic and learn the fundamentals.

Beginner level

No prior experience required

5 hours to complete

Flexible schedule

Learn at your own pace

Skills you'll gain

Tools you'll learn

Details to know

Shareable certificate

Add to your LinkedIn profile

See how employees at top companies are mastering in-demand skills

Learn more about Coursera for Business

logos of Petrobras, TATA, Danone, Capgemini, P&G and L'Oreal

Build your subject-matter expertise

This course is part of the Foundations of Immersive UX & Interactive Design Specialization

When you enroll in this course, you'll also be enrolled in this Specialization.

Learn new concepts from industry experts
Gain a foundational understanding of a subject or tool
Develop job-relevant skills with hands-on projects
Earn a shareable career certificate

There are 4 modules in this course

By the end of this course with Nuria Quero, you will be able to design, build, and publish your own fully responsive portfolio website—moving seamlessly from Figma to Framer without writing a single line of code. You’ll learn how to structure and design your portfolio in Figma, transfer it using the Figma to Framer plugin, create CMS collections, link pages, design for mobile, add subtle animations, and publish to a custom domain.

This hands-on class is structured in three practical parts: designing your portfolio in Figma, bringing it to life in Framer with CMS and interactions, and optimizing and publishing your site. Along the way, you’ll bridge the common gap between static design files and real, functional websites. This course is ideal for design students, junior designers, freelancers, and professionals who want to create or refresh their portfolio. To be successful, you should feel comfortable using a computer and navigating design tools, but no prior experience with Figma or Framer is required. Your portfolio is your calling card. In this course, you won’t just design it—you’ll launch it.

This module introduces the course project and establishes the workflow between Figma and Framer. Learners get oriented to Framer, set up the necessary tools, and review their Figma designs to ensure they are prepared for implementation. By the end of this module, learners are ready to begin building their portfolio site.

What's included

5 videos1 reading1 assignment

In this module, learners move from static designs to a functional website. They copy designs into Framer, explore the CMS, and create structured content collections. By linking pages together, learners build the foundation of a fully navigable portfolio site.

What's included

4 videos1 assignment1 discussion prompt

This module focuses on responsive design and mobile optimization. Learners refine their portfolio layouts for smaller screens, ensuring content remains clear, accessible, and visually consistent. The module emphasizes practical decision-making for real-world portfolio presentation.

What's included

2 videos1 assignment1 discussion prompt

In this final module, learners enhance their portfolio with motion, publish their site, and reflect on the full build process. The module brings together design, interaction, and deployment, leaving learners with a live portfolio and a clear path for future iteration.

What's included

3 videos1 assignment1 peer review1 discussion prompt

Earn a career certificate

Add this credential to your LinkedIn profile, resume, or CV. Share it on social media and in your performance review.

Instructor

Skillshare

188 Courses 87,055 learners

Offered by

Skillshare

Explore more from Design and Product

Packt
Figma for UI/UX: Master Web Design in Figma
Course
Skillshare
Figma Pro Pt. 1: Auto Layouts, Grids & Components
Course
Coursera
Design and Develop a Website using Figma and CSS
Guided Project
Skillshare
Figma Pro Pt. 3: Advanced Typography, Masking & Media
Course

Why people choose Coursera for their career

Felipe M.

Learner since 2018

"To be able to take courses at my own pace and rhythm has been an amazing experience. I can learn whenever it fits my schedule and mood."

Jennifer J.

Learner since 2020

"I directly applied the concepts and skills I learned from my courses to an exciting new project at work."

Larry W.

Learner since 2021

"When I need courses on topics that my university doesn't offer, Coursera is one of the best places to go."

Chaitanya A.

"Learning isn't just about being better at your job: it's so much more than that. Coursera allows me to learn without limits."

Open new doors with Coursera Plus

Unlimited access to 10,000+ world-class courses, hands-on projects, and job-ready certificate programs - all included in your subscription

Learn more

Advance your career with an online degree

Earn a degree from world-class universities - 100% online

Explore degrees

Join over 3,400 global companies that choose Coursera for Business

Upskill your employees to excel in the digital economy

Learn more

Frequently asked questions

To access the course materials, assignments and to earn a Certificate, you will need to purchase the Certificate experience when you enroll in a course. You can try a Free Trial instead, or apply for Financial Aid. The course may offer 'Full Course, No Certificate' instead. This option lets you see all course materials, submit required assessments, and get a final grade. This also means that you will not be able to purchase a Certificate experience.

When you enroll in the course, you get access to all of the courses in the Specialization, and you earn a certificate when you complete the work. Your electronic Certificate will be added to your Accomplishments page - from there, you can print your Certificate or add it to your LinkedIn profile.

Yes. In select learning programs, you can apply for financial aid or a scholarship if you can’t afford the enrollment fee. If fin aid or scholarship is available for your learning program selection, you’ll find a link to apply on the description page.