Framer Workshop
Master Framer x Figma
Website Design
Master Framer x Figma
Website Design
Learn the fundamentals of Framer website design in this interactive workshop. We'll go step-by-step from initial design in Figma to a fully functional website in Framer.
Learn the fundamentals of Framer website design in this interactive workshop. We'll go step-by-step from initial design in Figma to a fully functional website in Framer.
What You'll Learn
Framer Interface and Navigation
Master the basics of the Framer design environment.
Framer Interface and Navigation
Master the basics of the Framer design environment.
Framer Interface and Navigation
Master the basics of the Framer design environment.
Publishing Your Website
Learn how to deploy your finished website to the web.
Publishing Your Website
Learn how to deploy your finished website to the web.
Publishing Your Website
Learn how to deploy your finished website to the web.
SEO and Tag Integration
Understand the fundamentals of Search Engine Optimization (SEO) within Framer.
SEO and Tag Integration
Understand the fundamentals of Search Engine Optimization (SEO) within Framer.
SEO and Tag Integration
Understand the fundamentals of Search Engine Optimization (SEO) within Framer.
Responsive Design
Ensure your website looks great on all devices (desktop, tablet, mobile).
Responsive Design
Ensure your website looks great on all devices (desktop, tablet, mobile).
Responsive Design
Ensure your website looks great on all devices (desktop, tablet, mobile).
Components and Interactions
Build reusable elements and create engaging user experiences.
Components and Interactions
Build reusable elements and create engaging user experiences.
Components and Interactions
Build reusable elements and create engaging user experiences.
Design Principles in Framer
Learn to create visually appealing layouts, typography, and color schemes.
Design Principles in Framer
Learn to create visually appealing layouts, typography, and color schemes.
Design Principles in Framer
Learn to create visually appealing layouts, typography, and color schemes.
Site Optimization
Discover techniques to optimize your Framer website for speed and performance, ensuring a smooth user experience.
Site Optimization
Discover techniques to optimize your Framer website for speed and performance, ensuring a smooth user experience.
Site Optimization
Discover techniques to optimize your Framer website for speed and performance, ensuring a smooth user experience.
Site Optimization
Discover techniques to optimize your Framer website for speed and performance, ensuring a smooth user experience.
Site Optimization
Discover techniques to optimize your Framer website for speed and performance, ensuring a smooth user experience.
Site Optimization
Discover techniques to optimize your Framer website for speed and performance, ensuring a smooth user experience.
CMS Integration
Learn how to connect your Framer website to a Content Management System (CMS), enabling dynamic content and easy updates.
CMS Integration
Learn how to connect your Framer website to a Content Management System (CMS), enabling dynamic content and easy updates.
CMS Integration
Learn how to connect your Framer website to a Content Management System (CMS), enabling dynamic content and easy updates.
Basic to Intermediate Animations
Go beyond basic transitions and explore Framer's powerful animation capabilities to add polish and personality to your website.
Basic to Intermediate Animations
Go beyond basic transitions and explore Framer's powerful animation capabilities to add polish and personality to your website.
Basic to Intermediate Animations
Go beyond basic transitions and explore Framer's powerful animation capabilities to add polish and personality to your website.
Intermediate Animations
Go beyond basic transitions and explore Framer's powerful animation capabilities to add polish and personality to your website.
Intermediate Animations
Go beyond basic transitions and explore Framer's powerful animation capabilities to add polish and personality to your website.
Intermediate Animations
Go beyond basic transitions and explore Framer's powerful animation capabilities to add polish and personality to your website.
Layer Structuring
Master best practices for organizing layers and groups in Framer.
Layer Structuring
Master best practices for organizing layers and groups in Framer.
Layer Structuring
Master best practices for organizing layers and groups in Framer.
Tips and Tricks
Discover expert shortcuts and best practices for efficient Framer design, maximizing your productivity.
Tips and Tricks
Discover expert shortcuts and best practices for efficient Framer design, maximizing your productivity.
Tips and Tricks
Discover expert shortcuts and best practices for efficient Framer design, maximizing your productivity.
Simple Steps
Go Live Fast: Your Framer Site in 3 Simple Steps!
Go Live Fast: Your Framer Site in 3 Simple Steps!
Pick Your Template
Find the perfect Framer template in the WebFrame collection. It's your shortcut to a great-looking Framer website!
Make It Your Own Jump
Framer website builder – it’s super easy! Add your text, pics, and colors. No code needed, really!
Hit Publish!
All set? Just click publish! Your awesome new Framer site is live for everyone to see. Simple as that!
Register for the Workshop
FAQ
Do I need a paid Framer account?
No, the free tier is sufficient for this workshop.
What if I can't make the scheduled time?
Don't worry! Since this is my first workshop, I'm offering multiple time slots. If you can't make the initial time you registered for, please email me your availability, and I'll do my best to accommodate you in another session.
Is this workshop suitable for complete beginners?
Yes, we'll cover the fundamentals from scratch.
Do I need a paid Framer account?
No, the free tier is sufficient for this workshop.
What if I can't make the scheduled time?
Don't worry! Since this is my first workshop, I'm offering multiple time slots. If you can't make the initial time you registered for, please email me your availability, and I'll do my best to accommodate you in another session.
Is this workshop suitable for complete beginners?
Yes, we'll cover the fundamentals from scratch.
Do I need a paid Framer account?
No, the free tier is sufficient for this workshop.
What if I can't make the scheduled time?
Don't worry! Since this is my first workshop, I'm offering multiple time slots. If you can't make the initial time you registered for, please email me your availability, and I'll do my best to accommodate you in another session.
Is this workshop suitable for complete beginners?
Yes, we'll cover the fundamentals from scratch.