Framer Zero To Hero By Tim Gabe Design Academy – Free Download Design Course
Time for you to make the transformation to a true Framer professional in a week with the web design market’s most comprehensive Framer Course.
✅ About This Course:
✅ Course Author: Tim Gabe
✅ Official Course Price: $300
✅ Free For Our VIP Members? : Yes
✅ Download Links : Mega & Google Drive
✅ Course Size : 17.26 GB
✅ Updatable? : Yes, all future updates included.
✅ Sales Page : You can check at the bottom of this page.
🏆 Here’s What You Get & Learn With This Course:
23+ hours of in-depth lessons
120+ videos (1080p HD)
Multi-language captions
Notion Course Companion
Framer Resources With Exclusive Discounts
Community Forum
Project Starter File
Pandicons Website Remix File
Midjourney AI Tricks For Assets
Master all the important building blocks!
Create Styleguides
Learn how to make your websites look consistently beautiful and professional by creating a styleguide.
Nail Down Layouts
Become super fast at structuring custom layouts from scratch, making your most ambitious layout ideas easy and fun.
Perfect Responsiveness
Make responsiveness second nature so that you never again have to worry about your website breaking down on different devices.
Master Components
Speed up your entire way of working with large websites with advanced component tactics and workflows.
Create Stunning Animations
Make every website project a delight for visitors to scroll through with stunning micro interactions and animations.
Become A CMS Pro
Remove any fear of the CMS and make your websites easily managed by clients and non-techy people.
Optimize Any Website
Boost the user experience of your websites by learning how to optimize for loading speed and search engine performance.
Master all the important building blocks
Create Styleguides
Learn how to make your websites look consistently beautiful and professional by creating a styleguide.
Nail Down Layouts
Become super fast at structuring custom layouts from scratch, making your most ambitious layout ideas easy and fun.
Perfect Responsiveness
Make responsiveness second nature so that you never again have to worry about your website breaking down on different devices.
Master Components
Speed up your entire way of working with large websites with advanced component tactics and workflows.
Create Stunning Animations
Make every website project a delight for visitors to scroll through with stunning micro interactions and animations.
Become A CMS Pro
Remove any fear of the CMS and make your websites easily managed by clients and non-techy people.
Optimize Any Website
Boost the user experience of your websites by learning how to optimize for loading speed and search engine performance.
COURSE CURRICULUM:
Module 01
Module Introduction
Setup Framer
Dashboard UI
Editor UI
Page Settings UI
Fundamentals
Module 02
Module Introduction
Web Box Model
Layout Rules (4pt Grid)
Layout Basics
Grid Layouts
Breakpoints
Component Basics
Ticker Component
Carousel Component
Slideshow Component
Search Component
Scroll Speed
Scroll Transform
Scroll Variant
Relative Overlay
Fixed Overlay
Page Transitions
CMS Introduction
CMS Updated UI
CMS Basics
Styleguide
Module 03
Module Introduction
Creating Our First Styleguide
Responsive Text Styles in Framer
Setup Color Styles in Framer
Hiding Our Styleguide
SEO Tags
Export Figma components to Framer
Collect Figma Styles for Framer Export
Setup Figma Styles in Framer
Setup Dark & Light Mode in Framer
Midjourney Tricks for Framer
Image Background Removal for Framer
Structure & Layout
Module 04
Module Introduction
Landing Page: Navigation
Landing Page: Navigation Overlay
Landing Page: Hero
Landing Page: Ticker
Landing Page: Category Cards
Landing Page: Top Sellers
Landing Page: Scroll Variants
Landing Page: Footer
Landing Page: Loader
Category Page: Hero
Category Page: Products Filter
Detail Page: Hero
Detail Page: Similar Products
Signup Page: Full Page
Cleanup: Fixing Mistakes
Responsiveness
Module 05
Module Introduction
Landing Page: Hero
Landing Page: Ticker
Landing Page: Category Cards
Landing Page: Top Sellers
Landing Page: Scroll Variants
Category Page: Hero
Category Page: Product Filters
Detail Page: Hero
Detail Page: Similar Products
Signup Page: Full Page
Components
Module 06
Module Introduction
Basics: States
Basics: Variants
Basics: Variables
General: Button MD Primary
General: Navigation Hamburger
General: Navigation Hamburger Button
General: Navigation Logotype
General: Navigation Dropdown
General: Navigation Overlay Item
General: Navigation Overlay Container
General: Full Navigation
General: Pulse Interaction
General: Button LG Secondary
General: Button XL
General: Button MD Secondary
Landing Page: Text Ticker
Landing Page: Category Card
Landing Page: Tooltip
Landing Page: Top Sellers Card
Landing Page: Top Sellers Carousel
Landing Page: Scroll Variants
Landing Page: Footer
Landing Page: Loader
Detail Page: Image Picker
Detail Page: Text Ticker
Detail Page: Similar Products Card
Category Page: Text Ticker
Category Page: Filter
Category Page: Search Styling
Cleanup: Fixing Mistakes
Animations
Module 07
Module Introduction
General: Navigation Appear Effect
General: Navigation Relative Overlay
General: Navigation Scroll Animation
General: Page Transition
General: Footer Loop Effect
Landing Page: Hero Looping Images Effect
Landing Page: Hero Scroll Speed
Landing Page: Hero Scroll Transform
Landing Page: Top Sellers Scroll Animation
Landing Page: Hero Text Appear Effect
Landing Page: Top Sellers Relative Overlay
Landing Page: Top Sellers Looping Images Effect
Landing Page: Scroll Variants
Landing Page: Loader
Detail Page: Hero Appear Effect
Category Page: Hero Appear Effect
Category Page: Hero Looping Images Effect
Category Page: Hero Scroll Transform
Signup Page: Appear Effect
Signup Page: Loop Effect
CMS
Module 08
Module Introduction
Basics: Index Page
Basics: Detail Page
Detail Page: Create Detail Page
Detail Page: Hero CMS Connection
Detail Page: Products CMS Connection
Detail Page: Duplicate CMS Collections
Category Page: Create Category Page
Category Page: Filter CMS Connection
Landing Page: Category Cards CMS Connection
Landing Page: Top Seller Cards CMS Connection
Landing Page: Footer Form CMS Connection
General: Navigation Links
Landing Page: Hero Links
Signup Page: Full Page Links
eCommerce: Lemonsqueezy Integration
Cleanup: Fixing Mistakes
Extra Material
Module 09
Module Introduction
Page Settings Optimization
General Site Optimization
✅ Great X Courses Guarantee : At Great X Courses, we insist in providing high quality courses, with direct download links (no paid links or torrents). What you see is exactly what you get, no bad surprises or traps. We update our content as much as possible, to stay up to date with the latest courses updates.
You can find more details about this Framer course according to the sales page.
