A TO Z COURSE

Master Framer
in 6 Weeks

Master Framer quickly and effectively with expert guidance from a Lead Designer.

Get Started
100+
857 Students Worldwide

A comprehensive Curriculum
‍‍
‍


Basics

In this section we'll learn the basics of Framer, its interface, and tools.


Advanced

Right after, we'll dive into advanced features and workflows.


CMS

In this module you'll learn how to create and maintain CMS collections and libraries.


Artificial Intelligence + GPT

We will use Framer AI, as well as other tools such as Chat GPT to leverage AI in our site workflows


Design Systems

Learn how to structure and maintain an organized site and design system.


Website Project

We'll put all of your knowledge to fruition by building a landing page from scratch.


SEO

In this section you will learn key SEO lessons I learned from a 7 figure affiliate marketer.


Best Practices

Tips to save you hundreds of hours and make your Framer site workflow more efficient.


Collaboration

Make it easy to collaborate with you via a streamlined workflow from end to end.

Who is this Course for?
‍
‍

Beginners

If you're new to web design, this course will provide you with essential skills and knowledge.

Junior Designers/Developers

For those with some design experience, this course will help you refine your skills and advance to the next level.

Senior Designers/Developers

Experienced designers and developers can benefit from the advanced techniques shared in this course.

Product Managers

Understanding the process is crucial for product management as you will learn how to effectively collaborate with your team.

Career Transitioners

If you're looking to switch to a web design career, this course offers a comprehensive overview and practical skills.

Freelance Designers

Expand your skillset and increase your earning potential. The course helps you truly master Framer  end-to-end workflows.

Become Certified

Once you complete the course, you will receive an official certificate from Giglio Designs,
to help you reassure potential employers of your skills and stand out in the talents pool.

Pierluigi and his team are rock star’s rock stars! They produce reliable and amazing results time after time. We have worked together on almost 10 projects that span enterprise and consumer applications. They are a hidden gem.

Dimy Jeannot
Partner at Jeannot Corporation

Pierluigi and his team have been a pleasure to work with. They're extremely talented and professional. I am new to the world of UI/UX design so I didn't know what to expect. They made the entire process simple and took the time to answer every question.

Scott Hall
Founder at Jumping Rock Media

Pierluigi is an extremely talented, world-class designer who came to me highly recommended. He is professional, reliable, organized, delivers on deadlines and consistently impresses with his design ability.

Tzachi Davidovich
CEO at Flywheel

Working with Pierluigi was enjoyable. His ability to translate abstract ideas into clean and attractive designs is invaluable. He was available and asked pointed, thought provoking questions during design ideation discussions.

Gracie Carter
Scrum Master at Synchrogenix

After working with Pierluigi for over a year on app and I am very happy with the results. Pierluigi is clearly ahead of the game when it comes to both UI and UX Design, plus communication is fast and he always delivers on time.

Mark Thompson
Co-Founder of Paykickstart

I really enjoyed working with Pierluigi. He did a phenomenal job on my web app and website. Opening emails from him felt like opening a Christmas gift as I was excited to see what each new screen would look like.

Nwamaka Imasogie
CTO of Gitlinks

What you'll learn throughout
this Framer Course

A Complete A to Z course solution

In this corse you will learn everything needed to become an expert Framer designer, fast.

8.5+ hours
5/5
Lessons
Chapters
Welcome
1
How to Use this Course
1:33
The Starter Screen
0:37
Standalone vs Browser
3:15
Basics
2
Framer UI
4:18
Add and Preview Pages
4:29
Sections, Navigations and Menus
3:22
Intro to Components, Variants and Variable
6:12
Box Model & Components
11:46
Images 101
6:46
Colors & Gradients
4:02
Shadows 101
2:44
How to Add Links
4:12
Typography and Text Styles
5:53
Pages, Layers and Assets
5:52
Icons 101
6:48
Forms
6:32
Actions
1:55
How to Publish a Site
2:12
Export
3:12
Intermediate to Advanced
3
Stacks
11:31
Rows, Columns & Grids
6:13
from Web to Framer
7:10
Video
5:00
Creatives
5:58
Custom Cursor
5:26
Transforms
3:40
Overflow and Hide Tool
4:14
Built-in Accessibilty
7:27
Utilities
6:16
How to Add Youtube or Vimeo embeds
5:59
Interactions & Animations
4
Effects
8:47
Types of Effects
9:02
On Appear, On Scroll, Layer and Section in View
6:26
Effects - Site Case Study
13:56
Components Library & Effects
2:55
Overrides
6:42
Scroll Animation, Transform and Speed
8:53
Ticker Component
5:22
Slideshow
8:20
Carousel
6:51
Maps & Social Components
3:10
GIFs
1:12
CMS
5
Intro to the CMS
5:59
CMS Collections & Items
7:49
Filtering and Sorting CMS Collections
5:02
CMS Collection Lists
4:40
Collaboration
6
How to Share a Framer Site
4:01
How to Add and Manage Comments
3:03
Let's Build your First Site
7
1 - Navigation
10:58
2 - Hero section
10:49
3 - Responsive Foundations
8:16
4 - Social
6:57
5 - Features
9:18
6 - Content
7:16
7 - Content + Pricing
5:11
8 - Pricing
7:46
9 - Forms
4:58
10 - Footer
3:44
Pre Launch Checklist
8
Pre Launch Checklist
12:37
AI + Framer
9
Framer AI
3:02
Site Audits using GPT
5:18
ChatGPT & Framer
9:10
AI Wireframes & Sitemaps
6:23
Wireframe Build using GPT
5:40
Accessibility 101
7:26
Site Settings
10
General
6:26
Page Settings & Redirects
4:58
Domains
4:50
Versions & Analytics
2:17
Additional Resources
11
Framer SEO
11:37
Troubleshooting Resources
3:31
Framer Cheat Sheet
-
Analysis of a Premium Site
7:48
Responsive Designs on Real Devices
3:35
Top Sites for Royalty Free Images
3:09
My Favourite Icon Libraries
3:02
Chrome Extensions for Framer Sites
6:15
Framer Templates
12
Top Resources to Built Sites Faster
8:36
Selling Framer Templates for Passive Income
6:41

Learn everything you need
to become a Framer Expert‍‍

Development
2 hours
Web Design
3 hours
UI/UX Design
2 hours
Animations
1.5 hours
Typography
0.5 hours
Prototyping
1 hours
Development
1 hour
Web Design
256 courses
Marketing
48 courses
Animation
144 courses
Design Systems
3 hours
Illustrations
0.5 hour
Plugins
2 hours
Presentations
0.5 hours
Design Business
1 hour
Color Theory
1 hours
Web Design
3 hours
Development
124 courses
Animation
144 courses
Marketing
48 courses
BEGINNER TO EXPERT

Learn Framer from A to Z

The course takes you through every aspect of Framer, ensuring a thorough understanding of its capabilities. You’ll start with the basics and progressively dive into more advanced features.

By the end of the course, you'll have mastered Framer from A to Z, ready to tackle any design task with confidence.
‍

Get Started
ADVANCED

Artificial Intelligence, Animation, Interactions and more

This Framer course covers advanced topics to enhance your web design workflow, including:
‍
Artificial Intelligence: Use the latest AI tools to make your workflow efficient.
‍CMS Libraries: Learn to set up and manage dynamic websites.
‍Interactions & Animations: Bring your sites to life with animated interactions.
‍Collaboration: Work seamlessly with teams and stakeholders.
‍Advanced Techniques: Learn auto-layout, responsive design, and more.

Master these tools to fully leverage Framer's capabilities and streamline your design process.
‍

Get Started
10+ Years of experience

Learn from an Expert

The course is led by Pierluigi Giglio, a Lead Designer with over 10 years of experience working with Fortune 500 companies, large enterprises, and startups.

Your instructor brings a wealth of knowledge and real-world insights.
With a passion for design since a young age, he has worked on hundreds of projects, collaborated with over 40 clients globally, and taught tens of thousands of students.

He is committed to sharing his expertise, shortcuts, and secrets to help you become a successful designer and achieve your vision.
‍

Get Started
ADVANCED

Real Life Projects

Elevate your skills and put your learnings into practice with the Real-Life Projects section.

You will work on real client projects and create a website landing page from scratch, learning tips and tricks for streamlining design projects efficiently.
‍
‍

Get Started



Learn to Craft Exceptional Websites
‍

dashboard design
CLIENTS YOUR INSTRUCTOR HELPED IN THE PAST
JOIN OUR WEB DESIGN COMMUNITY AND

Get Started Today

Become a Framer Master Fast


Standard

$49 one-off

Buy Now
WHAT'S INCLUDED:
‍

8.5+ Hours of Framer Training

78+ HD Videos

Web Design Principles

AI Module

Animations & Prototyping

Advanced Workflows

Real Client Projects

Project & Starter Files

Student Support


Pro

$149 one-off

Buy Now
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
WHAT'S INCLUDED:
‍

1 x 45 min call with Pier

8.5+ Hours of Framer Training

78+ HD Videos

Web Design Principles

AI Module

Animations & Prototyping

Advanced Workflows

Real Client Projects

Project & Starter Files

Student Support


Light

€995/month

Pause or cancel anytime.
‍

Get Started
Questions?
Book a Call
WHAT'S INCLUDED:
‍

30 hours per month

1-2 days turnaround

Sync with Slack

Unlimited Calls with Founder

Unlimited requests

Unlimited brands


Startup

€1995/month

Pause or cancel anytime.

Get Started
Questions?
Book a Call
WHAT'S INCLUDED:

60 hours per month

1-2 days turnaround

Sync with Slack

Unlimited Calls with Founder

Unlimited requests

Unlimited brands


Growth

€2995/month

Pause or cancel anytime.

Get Started
Questions?
Book a Call
WHAT'S INCLUDED:

90 hours per month

Same day turnaround
(when possible)

Top priority in queue

Sync with Slack

Unlimited Calls with Founder

Unlimited requests

Unlimited brands

F.A.Q.

Frequent Questions

Who is this course for?

This course is designed specifically for students and designers who want to master Framer. No prior experience with Framer or web design is necessary.

Is Framer the right website builder to learn?

Yes, Framer is an excellent website builder to learn. Here are a few reasons why:
‍
‍Ease of Use: Framer offers a user-friendly interface that makes it accessible for beginners while providing powerful tools for advanced users.
‍
‍Design Flexibility: With Framer, you can create highly customizable and visually appealing websites, allowing for a high degree of design flexibility.
‍
‍Interactive Prototyping: Framer excels in interactive prototyping, enabling you to create dynamic and responsive website designs with ease.

Will I get to work on a real project?


Yes! You'll gain hands-on experience by designing a real website from start to finish. You will learn how to design a complete landing page site in Framer.

Does this course cover web design?

Yes, we will touch base on basic and intermediate principles of web design to enhance your learning experience.

Do I need to know how to code?

There is no coding experience necessary as this course is focused on no-code practices.

Is Framer free?

Yes, Framer has got you covered with its free "Starter" plan

Do I need any special software to use Framer?

No need to worry about downloading special software to use Figma!
It's a web-based application, so you can access it directly through your favorite browser.
‍
But hey, if you want an even smoother ride, Framer offers a desktop app too!

When does the course start?

You can begin the course right after enrollment and learn at your own pace.

How long is the course?

The course includes over 65 videos totaling a little over 8.5 hours of action-packed content. You can learn at your own pace.

How long will I have access to the course?

When you get a Giglio Designs course, you'll get lifetime access to the entire course, including any cool updates down the road. Plus, it's totally up to you how fast or slow you want to go. Take it at your own pace and enjoy the journey!

Partners with:
DESIGNING SINCE
2009
HAPPY CLIENTS
50+
SERVICES
Our Work
Success Stories
Contacts
Contacts
Privacy + Terms
Privacy Policy
Terms of Agreement
Cookie Policy
Copyright © 2022 Giglio Designs