When you enroll through our links, we may earn a small commission—at no extra cost to you. This helps keep our platform free and inspires us to add more value.

SkillShare logo

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

Unlock creativity with Skillshare! Learn acrylic painting, AI writing, graphic design, and photography.

     0 |
  • Reviews ( 0 )
Free

This Course Includes

  • iconskillshare
  • icon0 (0 reviews )
  • icon1 hours 5 mintues
  • iconenglish
  • iconOnline - Self Paced
  • iconcourse
  • iconSkillShare

About Design, Build, and Publish your Portfolio with Figma and Framer

Class Trailer

Class Project

Introducing Framer

Installing the Figma to Framer Plugin

Checking the Figma Designs

Copying the Designs into Framer

Understanding the CMS

Creating a CMS Collection

Linking the Pages

Designing for Mobile: Home Page

Designing for Mobile: About & Project Pages

Adding Motion: Animated Transitions

Publishing our Website

Conclusion

What You Will Learn?

  • Welcome to the world of limitless creativity!.
  • Designing in Figma is amazing! It’s straightforward, open and endlessly creative. But, many designers face an ugly true: not being able to turn their designs into fully functional websites..
  • The good news? The design landscape is evolving, with a wave of no-code tools at our disposal. Among these, we have Framer, a web builder armed with a visual editor that empowers us to bring our designs to life without any coding..
  • In this course, we'll dive head first into the process of bridging the gap between Figma and Framer using the "Figma to Framer" plugin..
  • What You Will Learn:.
  • In this hands-on course, you will learn:.
  • Who This Class is For: .
  • No prior knowledge of Framer or Figma is required; this class is designed to accommodate all skill levels..
  • Materials/Resources:.
  • To get the most out of this course, you will need:.
  • Why You Should Take This Class:.
  • Design portfolios are your gateway to career opportunities and client engagements. Mastering the art of creating dynamic portfolios on Framer not only enhances your professional image but also enables you to stand out in a competitive design landscape..
  • By watching in this course, you'll gain valuable skills that are essential for success in the digital design world. Your portfolio is your calling card, and this class will empower you to make it truly remarkable..
  • The Tools:.
  • Figma to Framer Plugin  .
  • Use Framer.