Design Animated Portfolio Website In Framer (just under 25 minutes)

Designing an animated portfolio website has been a challenge for new designers. But not anymore. In this video I will walkthrough how create an amazing animated and interactive portfolio website in Framer in just few minutes.

In this video we will see how can use our design in Figma and import it into framer. And then create components to Animations of buttons and add carousels and tickers in Framer. This is a step by step guide for creating amazing website in Framer.

And I am including free Figma file below so you can follow along.

Free Figma File (Subscribers are eligible for more freebies):
https://drive.google.com/file/d/1Aenz36Hhi9wlCL7CA8hP4JsVHns-5rE8/view?usp=sharing

Chapters in this video:
Intro: 00:00:00
Importing design from Figma to Framer : 00:01:00
Fixing issues in importing: 00:01:22
Adding Button Interactions: 00:06:53
Creating a Carousel or Ticker in Framer: 00:12:10
Adding Animations: 00:19:29
Publishing website: 00:25:33
Adding pages and navigation links: 00:27:27
Making website responsive (preview): 00:31:35
Important information: 00:32:51

Like, Share and Subscribe. Happy designing!

Want to learn more about Figma? Subscribe to my channel.
https://youtube.com/@AverageDesignDude

Learn more tips and tricks on Figma on my Instagram channel below
https://www.instagram.com/averagedesigndude/