Pierluigi Giglio – The Ultimate Framer Mastery Course

Learn Framer from A to Z from a lead designer with a decade of experience.

What You’ll Learn In The Ultimate Framer Mastery Course?

Welcome

• How to Use this Course.mp4
• Standalone vs Browser.mp4
• The Starter Screen.mp4

Basics

• Framer UI Overview.mp4
• Add and Preview Pages.mp4
• Sections, Navigations and Menus.mp4
• Components, Variants and Variables.mp4
• Box Model & Components.mp4
• Images 101.mp4
• Colors & Gradients.mp4
• Shadows 101.mp4
• How to Add Links.mp4
• Typography 101.mp4
• Pages, Layers and Assets.mp4
• Icons.mp4
• Forms.mp4
• Actions.mp4
• How to Publish a Site.mp4 .mp4
• Export.mp4

Intermediate to Advanced

• Stacks.mov
• Rows, Columns & Grids.mp4
• from Web to Framer.mp4
• Video.mp4
• Creatives.mp4
• Custom Cursors.mp4
• Transforms.mp4
• Overflow and Hide Tool .mp4
• Built-in Accessibilty.mp4
• Utilities.mp4
• Youtube or Vimeo Embeds.mp4

Interactions & Animations

• Effects.mp4
• Types of Effects.mp4
• On Appear, On Scroll, Layer and Section in View.mp4
• Effects – Site Case Study.mp4
• Components Library & Effects.mp4
• Overrides.mp4
• Scroll Animation, Transform and Speed.mp4
• Ticker.mp4
• Slideshow.mp4
• Carousel.mp4
• Maps & Social Components.mp4
• GIFs.mp4

CMS

• Intro to the CMS.mp4
• CMS Collections & Items.mp4
• Filtering and Sorting CMS Collections.mp4
• CMS Collection Lists.mp4

Collaboration

• How to Share a Framer Site.mp4
• How to Add Comments.mp4

Let’s Build your First Site

1. Navigation Menu.mp4
2. Hero Section.mp4
3. Responsive Foundations.mp4 .mp4
4. Social Section.mp4
5. Features.mp4
6. Content Sections.mp4
7. Content + Pricing.mp4
8. Pricing.mp4
9. Forms.mp4
10. Footer.mp4

Pre Launch Checklist

• Pre Launch Checklist.mp4

AI + Framer

• Framer AI.mp4
• Site Audits using GPT.mp4
• ChatGPT & Framer.mp4
• AI Wireframes & Sitemaps.mp4
• Wireframe Build using GPT.mp4
• Accessibility 101.mp4

Site Settings

• General.mp4
• Page Settings & Redirects.mp4
• Domains.mp4
• Versions & Analytics.mp4

Additional Resources

• Framer SEO.mp4
• Troubleshooting Resources.mp4
• Analysis of a Premium Site.mp4
• Responsive Designs on Devices.mp4
• Top Sites for Royalty Free Images.mp4
• My Favourite Tools for Managing Icons.mp4
• Chrome Extensions for Framer.mp4
• Framer Cheat Sheet.pdf

Framer Templates

• Top Resources to Built Sites Faster.mp4
• Selling Framer Templates for Passive Income.mp4

More courses from the same author: Pierluigi Giglio