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
Show info about module content
5 videos•Total 13 minutes
Class Trailer•2 minutes
Class Project•1 minute
Introducing Framer•5 minutes
Installing the Figma to Framer Plugin•4 minutes
Checking the Figma Designs•2 minutes
1 reading•Total 10 minutes
Project Instructions•10 minutes
1 assignment•Total 30 minutes
Module 1 Quiz•30 minutes
Building Pages and Managing Content with CMS
Module 2•1 hour to complete
Module details
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
Show info about module content
4 videos•Total 25 minutes
Copying the Designs into Framer•7 minutes
Understanding the CMS•4 minutes
Creating a CMS Collection•8 minutes
Linking the Pages•6 minutes
1 assignment•Total 30 minutes
Module 2 Quiz•30 minutes
1 discussion prompt•Total 10 minutes
New Discussion Prompt•10 minutes
Designing a Responsive Portfolio for Mobile
Module 3•1 hour to complete
Module details
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
Show info about module content
2 videos•Total 12 minutes
Designing for Mobile: Home Page•6 minutes
Designing for Mobile: About & Project Pages•6 minutes
1 assignment•Total 30 minutes
Module 3 Quiz•30 minutes
1 discussion prompt•Total 10 minutes
New Discussion Prompt•10 minutes
Adding Motion, Publishing, and Course Wrap-Up
Module 4•2 hours to complete
Module details
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.
Skillshare is an online learning community where you can take classes from real working creatives. Unlock personal and professional growth, build your skills, make connections, and find your happy place.
When will I have access to the lectures and assignments?
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.
What will I get if I subscribe to this Specialization?
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.
Is financial aid available?
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.