Skip to main content
grasp.study
About
Explore
Pricing
Log in
Try it for free
Back to course
👋
Welcome to a Grasp lesson
Create a free account
to keep studying and create your own study path.
Digital Content Creation Masterclass
·
Module 5
Launching Your Website with Framer
1
Figma to Framer: Importing and Structuring Designs
Import a Figma design into Framer and map design elements to Framer's page structure.
2
Navigating Your Site: Pages and Links
Configure site navigation, page routing, and internal links.
3
Interactive Animations: Hover & Pressed States
Add micro-interactions and animations to interactive elements using hover and pressed states.
4
Optimizing Scroll-Triggered Animations
Implement performant scroll-triggered effects for key page sections.
5
Optimizing Images for Web Delivery
Optimize images for web delivery by selecting appropriate formats (WebP, AVIF) and compression settings.
6
Optimizing Font Loading for CLS and Performance
Configure font loading strategies to minimize Cumulative Layout Shift (CLS) and improve performance.
7
Publishing with Framer Subdomains
Publish your site using a Framer subdomain and prepare for connecting a custom domain.
8
Optimizing Site Performance with Lighthouse
Audit site performance using Google Lighthouse and implement recommended optimizations.
Previous module
Designing Your Web Hub in Figma
Next module
Product Design I: Wallpapers & Posters