From Figma to Framer
Use code FRAMERLAUNCH for 30% off!
Learn how to take beautifully designed layouts in Figma, and make them a working reality in the browser with Framer!
Course Duration
The course has over 7 hours of content!
Project Files
The course comes with remix links for each lesson, along with a Framer document that includes all designs.
Exclusive Community
All DesignCourse students enjoy exclusive access to our private discord server.
Getting Started
Simple Button Card Component with Cariants Simple Navigation Challenge 1: Data List Absolute Positioning Transit Incoming
Challenge 2: Abstract Absolute
Grid Gallery Bird Grid Challenge 3: Testimonial Grid
Responsive Design in Framer
Simple Responsive Card Procedural Generation Responsive Grids Challenge 4: Tokenomics Responsive Typography Great Whale Challenge 5: Fiber Airplane
Interactivity & Animation
Creating basic Animations
Scroll Animations and Custom Web Cursors
Scrub Animations
Challenge 6: Cards Scroll Animation
Fixed Scroll Animations Fixed Scroll Animations Parallax 3D with Spline 3D
Final Project: Full Framer Template
Hero Section Design
Logo Ticker & Features Section
Never Worry Section Footer Section Responsive Design
Introducing your Teacher, Gary Simon
Gary has over 20 years experience as a UI/UX Designer & Frontend Developer. After enjoying a freelance career that lasted over a decade, Gary’s content has reached millions of people and helped countless individuals establish careers.
1 Million+ Subscribers
1,100+ Videos
65m+ Views
80+ Courses
100+ Articles