Create It Better Courses
Learn To Become The Best Designer You Can Be
Browse our different course packages to learn our process from our own experts
The Teacher
Hello, I'm Danny
A Framer expert with over 10 years of design experience
A Framer expert with over 10 years of design experience
I'm passionate about creating delightful experiences with a human-centered approach and sharing expertise with the next wave of design talent.
I'm passionate about creating delightful experiences with a human-centered approach and sharing expertise with the next wave of design talent.
The Curriculum
The Curriculum
Sketchup Intro
Sketchup Intro
Sketchup Intro
Sketchup Intro
Learn what makes Framer a powerful design and publishing platform. We’ll cover the basics of the interface and how to start your first project.
Learn what makes Framer a powerful design and publishing platform. We’ll cover the basics of the interface and how to start your first project.
Discover how to build a consistent visual foundation with color, typography, and spacing tokens. This lesson shows you how to maintain harmony across every page and component.
Discover how to build a consistent visual foundation with color, typography, and spacing tokens. This lesson shows you how to maintain harmony across every page and component.
Get your project organized from the start. Learn how to structure layers, name elements, and prepare assets for efficient editing.
Get your project organized from the start. Learn how to structure layers, name elements, and prepare assets for efficient editing.
Understand the power of components and how to reuse elements across your site. You’ll learn how to make updates globally and keep your design consistent.
Understand the power of components and how to reuse elements across your site. You’ll learn how to make updates globally and keep your design consistent.
Structure your layouts using sections to keep content organized and easy to navigate. This lesson guides you through building clean, scrollable page designs.
Structure your layouts using sections to keep content organized and easy to navigate. This lesson guides you through building clean, scrollable page designs.
Master stacks to create flexible, responsive layouts with minimal effort. We’ll show you how to adjust alignment, spacing, and direction for any design.
Master stacks to create flexible, responsive layouts with minimal effort. We’ll show you how to adjust alignment, spacing, and direction for any design.
Seamlessly bring your designs from Figma into Framer. You’ll learn how to optimize layers and maintain design fidelity after import.
Seamlessly bring your designs from Figma into Framer. You’ll learn how to optimize layers and maintain design fidelity after import.
Make your designs come alive with motion and user interactions. Learn how to add scroll effects, transitions, and micro-interactions that enhance user experience.
Make your designs come alive with motion and user interactions. Learn how to add scroll effects, transitions, and micro-interactions that enhance user experience.
Explore how overrides and code components can extend Framer’s capabilities. This lesson introduces light coding concepts for deeper customization.
Explore how overrides and code components can extend Framer’s capabilities. This lesson introduces light coding concepts for deeper customization.
Learn how to create dynamic content with Framer’s CMS. We’ll cover connecting collections, displaying posts, and designing templates that update automatically.
Learn how to create dynamic content with Framer’s CMS. We’ll cover connecting collections, displaying posts, and designing templates that update automatically.
Take your project live with Framer’s built-in hosting tools. You’ll learn how to publish, manage domains, and share your finished site with the world.
Take your project live with Framer’s built-in hosting tools. You’ll learn how to publish, manage domains, and share your finished site with the world.
Intro to Framer
Learn what makes Framer a powerful design and publishing platform. We’ll cover the basics of the interface and how to start your first project.
Sketchup Intro
Sketchup Intro
Learn what makes Framer a powerful design and publishing platform. We’ll cover the basics of the interface and how to start your first project.
Learn what makes Framer a powerful design and publishing platform. We’ll cover the basics of the interface and how to start your first project.
Discover how to build a consistent visual foundation with color, typography, and spacing tokens. This lesson shows you how to maintain harmony across every page and component.
Discover how to build a consistent visual foundation with color, typography, and spacing tokens. This lesson shows you how to maintain harmony across every page and component.
Get your project organized from the start. Learn how to structure layers, name elements, and prepare assets for efficient editing.
Get your project organized from the start. Learn how to structure layers, name elements, and prepare assets for efficient editing.
Understand the power of components and how to reuse elements across your site. You’ll learn how to make updates globally and keep your design consistent.
Understand the power of components and how to reuse elements across your site. You’ll learn how to make updates globally and keep your design consistent.
Structure your layouts using sections to keep content organized and easy to navigate. This lesson guides you through building clean, scrollable page designs.
Structure your layouts using sections to keep content organized and easy to navigate. This lesson guides you through building clean, scrollable page designs.
Master stacks to create flexible, responsive layouts with minimal effort. We’ll show you how to adjust alignment, spacing, and direction for any design.
Master stacks to create flexible, responsive layouts with minimal effort. We’ll show you how to adjust alignment, spacing, and direction for any design.
Seamlessly bring your designs from Figma into Framer. You’ll learn how to optimize layers and maintain design fidelity after import.
Seamlessly bring your designs from Figma into Framer. You’ll learn how to optimize layers and maintain design fidelity after import.
Make your designs come alive with motion and user interactions. Learn how to add scroll effects, transitions, and micro-interactions that enhance user experience.
Make your designs come alive with motion and user interactions. Learn how to add scroll effects, transitions, and micro-interactions that enhance user experience.
Explore how overrides and code components can extend Framer’s capabilities. This lesson introduces light coding concepts for deeper customization.
Explore how overrides and code components can extend Framer’s capabilities. This lesson introduces light coding concepts for deeper customization.
Learn how to create dynamic content with Framer’s CMS. We’ll cover connecting collections, displaying posts, and designing templates that update automatically.
Learn how to create dynamic content with Framer’s CMS. We’ll cover connecting collections, displaying posts, and designing templates that update automatically.
Take your project live with Framer’s built-in hosting tools. You’ll learn how to publish, manage domains, and share your finished site with the world.
Take your project live with Framer’s built-in hosting tools. You’ll learn how to publish, manage domains, and share your finished site with the world.
Design system styles
Discover how to build a consistent visual foundation with color, typography, and spacing tokens. This lesson shows you how to maintain harmony across every page and component.
Sketchup Intro
Sketchup Intro
Learn what makes Framer a powerful design and publishing platform. We’ll cover the basics of the interface and how to start your first project.
Learn what makes Framer a powerful design and publishing platform. We’ll cover the basics of the interface and how to start your first project.
Discover how to build a consistent visual foundation with color, typography, and spacing tokens. This lesson shows you how to maintain harmony across every page and component.
Discover how to build a consistent visual foundation with color, typography, and spacing tokens. This lesson shows you how to maintain harmony across every page and component.
Get your project organized from the start. Learn how to structure layers, name elements, and prepare assets for efficient editing.
Get your project organized from the start. Learn how to structure layers, name elements, and prepare assets for efficient editing.
Understand the power of components and how to reuse elements across your site. You’ll learn how to make updates globally and keep your design consistent.
Understand the power of components and how to reuse elements across your site. You’ll learn how to make updates globally and keep your design consistent.
Structure your layouts using sections to keep content organized and easy to navigate. This lesson guides you through building clean, scrollable page designs.
Structure your layouts using sections to keep content organized and easy to navigate. This lesson guides you through building clean, scrollable page designs.
Master stacks to create flexible, responsive layouts with minimal effort. We’ll show you how to adjust alignment, spacing, and direction for any design.
Master stacks to create flexible, responsive layouts with minimal effort. We’ll show you how to adjust alignment, spacing, and direction for any design.
Seamlessly bring your designs from Figma into Framer. You’ll learn how to optimize layers and maintain design fidelity after import.
Seamlessly bring your designs from Figma into Framer. You’ll learn how to optimize layers and maintain design fidelity after import.
Make your designs come alive with motion and user interactions. Learn how to add scroll effects, transitions, and micro-interactions that enhance user experience.
Make your designs come alive with motion and user interactions. Learn how to add scroll effects, transitions, and micro-interactions that enhance user experience.
Explore how overrides and code components can extend Framer’s capabilities. This lesson introduces light coding concepts for deeper customization.
Explore how overrides and code components can extend Framer’s capabilities. This lesson introduces light coding concepts for deeper customization.
Learn how to create dynamic content with Framer’s CMS. We’ll cover connecting collections, displaying posts, and designing templates that update automatically.
Learn how to create dynamic content with Framer’s CMS. We’ll cover connecting collections, displaying posts, and designing templates that update automatically.
Take your project live with Framer’s built-in hosting tools. You’ll learn how to publish, manage domains, and share your finished site with the world.
Take your project live with Framer’s built-in hosting tools. You’ll learn how to publish, manage domains, and share your finished site with the world.
File setup
Get your project organized from the start. Learn how to structure layers, name elements, and prepare assets for efficient editing.
Sketchup Intro
Sketchup Intro
Learn what makes Framer a powerful design and publishing platform. We’ll cover the basics of the interface and how to start your first project.
Learn what makes Framer a powerful design and publishing platform. We’ll cover the basics of the interface and how to start your first project.
Discover how to build a consistent visual foundation with color, typography, and spacing tokens. This lesson shows you how to maintain harmony across every page and component.
Discover how to build a consistent visual foundation with color, typography, and spacing tokens. This lesson shows you how to maintain harmony across every page and component.
Get your project organized from the start. Learn how to structure layers, name elements, and prepare assets for efficient editing.
Get your project organized from the start. Learn how to structure layers, name elements, and prepare assets for efficient editing.
Understand the power of components and how to reuse elements across your site. You’ll learn how to make updates globally and keep your design consistent.
Understand the power of components and how to reuse elements across your site. You’ll learn how to make updates globally and keep your design consistent.
Structure your layouts using sections to keep content organized and easy to navigate. This lesson guides you through building clean, scrollable page designs.
Structure your layouts using sections to keep content organized and easy to navigate. This lesson guides you through building clean, scrollable page designs.
Master stacks to create flexible, responsive layouts with minimal effort. We’ll show you how to adjust alignment, spacing, and direction for any design.
Master stacks to create flexible, responsive layouts with minimal effort. We’ll show you how to adjust alignment, spacing, and direction for any design.
Seamlessly bring your designs from Figma into Framer. You’ll learn how to optimize layers and maintain design fidelity after import.
Seamlessly bring your designs from Figma into Framer. You’ll learn how to optimize layers and maintain design fidelity after import.
Make your designs come alive with motion and user interactions. Learn how to add scroll effects, transitions, and micro-interactions that enhance user experience.
Make your designs come alive with motion and user interactions. Learn how to add scroll effects, transitions, and micro-interactions that enhance user experience.
Explore how overrides and code components can extend Framer’s capabilities. This lesson introduces light coding concepts for deeper customization.
Explore how overrides and code components can extend Framer’s capabilities. This lesson introduces light coding concepts for deeper customization.
Learn how to create dynamic content with Framer’s CMS. We’ll cover connecting collections, displaying posts, and designing templates that update automatically.
Learn how to create dynamic content with Framer’s CMS. We’ll cover connecting collections, displaying posts, and designing templates that update automatically.
Take your project live with Framer’s built-in hosting tools. You’ll learn how to publish, manage domains, and share your finished site with the world.
Take your project live with Framer’s built-in hosting tools. You’ll learn how to publish, manage domains, and share your finished site with the world.
Using components
Understand the power of components and how to reuse elements across your site. You’ll learn how to make updates globally and keep your design consistent.
Sketchup Intro
Sketchup Intro
Learn what makes Framer a powerful design and publishing platform. We’ll cover the basics of the interface and how to start your first project.
Learn what makes Framer a powerful design and publishing platform. We’ll cover the basics of the interface and how to start your first project.
Discover how to build a consistent visual foundation with color, typography, and spacing tokens. This lesson shows you how to maintain harmony across every page and component.
Discover how to build a consistent visual foundation with color, typography, and spacing tokens. This lesson shows you how to maintain harmony across every page and component.
Get your project organized from the start. Learn how to structure layers, name elements, and prepare assets for efficient editing.
Get your project organized from the start. Learn how to structure layers, name elements, and prepare assets for efficient editing.
Understand the power of components and how to reuse elements across your site. You’ll learn how to make updates globally and keep your design consistent.
Understand the power of components and how to reuse elements across your site. You’ll learn how to make updates globally and keep your design consistent.
Structure your layouts using sections to keep content organized and easy to navigate. This lesson guides you through building clean, scrollable page designs.
Structure your layouts using sections to keep content organized and easy to navigate. This lesson guides you through building clean, scrollable page designs.
Master stacks to create flexible, responsive layouts with minimal effort. We’ll show you how to adjust alignment, spacing, and direction for any design.
Master stacks to create flexible, responsive layouts with minimal effort. We’ll show you how to adjust alignment, spacing, and direction for any design.
Seamlessly bring your designs from Figma into Framer. You’ll learn how to optimize layers and maintain design fidelity after import.
Seamlessly bring your designs from Figma into Framer. You’ll learn how to optimize layers and maintain design fidelity after import.
Make your designs come alive with motion and user interactions. Learn how to add scroll effects, transitions, and micro-interactions that enhance user experience.
Make your designs come alive with motion and user interactions. Learn how to add scroll effects, transitions, and micro-interactions that enhance user experience.
Explore how overrides and code components can extend Framer’s capabilities. This lesson introduces light coding concepts for deeper customization.
Explore how overrides and code components can extend Framer’s capabilities. This lesson introduces light coding concepts for deeper customization.
Learn how to create dynamic content with Framer’s CMS. We’ll cover connecting collections, displaying posts, and designing templates that update automatically.
Learn how to create dynamic content with Framer’s CMS. We’ll cover connecting collections, displaying posts, and designing templates that update automatically.
Take your project live with Framer’s built-in hosting tools. You’ll learn how to publish, manage domains, and share your finished site with the world.
Take your project live with Framer’s built-in hosting tools. You’ll learn how to publish, manage domains, and share your finished site with the world.
Creating sections
Structure your layouts using sections to keep content organized and easy to navigate. This lesson guides you through building clean, scrollable page designs.
Sketchup Intro
Sketchup Intro
Learn what makes Framer a powerful design and publishing platform. We’ll cover the basics of the interface and how to start your first project.
Learn what makes Framer a powerful design and publishing platform. We’ll cover the basics of the interface and how to start your first project.
Discover how to build a consistent visual foundation with color, typography, and spacing tokens. This lesson shows you how to maintain harmony across every page and component.
Discover how to build a consistent visual foundation with color, typography, and spacing tokens. This lesson shows you how to maintain harmony across every page and component.
Get your project organized from the start. Learn how to structure layers, name elements, and prepare assets for efficient editing.
Get your project organized from the start. Learn how to structure layers, name elements, and prepare assets for efficient editing.
Understand the power of components and how to reuse elements across your site. You’ll learn how to make updates globally and keep your design consistent.
Understand the power of components and how to reuse elements across your site. You’ll learn how to make updates globally and keep your design consistent.
Structure your layouts using sections to keep content organized and easy to navigate. This lesson guides you through building clean, scrollable page designs.
Structure your layouts using sections to keep content organized and easy to navigate. This lesson guides you through building clean, scrollable page designs.
Master stacks to create flexible, responsive layouts with minimal effort. We’ll show you how to adjust alignment, spacing, and direction for any design.
Master stacks to create flexible, responsive layouts with minimal effort. We’ll show you how to adjust alignment, spacing, and direction for any design.
Seamlessly bring your designs from Figma into Framer. You’ll learn how to optimize layers and maintain design fidelity after import.
Seamlessly bring your designs from Figma into Framer. You’ll learn how to optimize layers and maintain design fidelity after import.
Make your designs come alive with motion and user interactions. Learn how to add scroll effects, transitions, and micro-interactions that enhance user experience.
Make your designs come alive with motion and user interactions. Learn how to add scroll effects, transitions, and micro-interactions that enhance user experience.
Explore how overrides and code components can extend Framer’s capabilities. This lesson introduces light coding concepts for deeper customization.
Explore how overrides and code components can extend Framer’s capabilities. This lesson introduces light coding concepts for deeper customization.
Learn how to create dynamic content with Framer’s CMS. We’ll cover connecting collections, displaying posts, and designing templates that update automatically.
Learn how to create dynamic content with Framer’s CMS. We’ll cover connecting collections, displaying posts, and designing templates that update automatically.
Take your project live with Framer’s built-in hosting tools. You’ll learn how to publish, manage domains, and share your finished site with the world.
Take your project live with Framer’s built-in hosting tools. You’ll learn how to publish, manage domains, and share your finished site with the world.
How to use stacks and frames
Master stacks to create flexible, responsive layouts with minimal effort. We’ll show you how to adjust alignment, spacing, and direction for any design.
Sketchup Intro
Sketchup Intro
Learn what makes Framer a powerful design and publishing platform. We’ll cover the basics of the interface and how to start your first project.
Learn what makes Framer a powerful design and publishing platform. We’ll cover the basics of the interface and how to start your first project.
Discover how to build a consistent visual foundation with color, typography, and spacing tokens. This lesson shows you how to maintain harmony across every page and component.
Discover how to build a consistent visual foundation with color, typography, and spacing tokens. This lesson shows you how to maintain harmony across every page and component.
Get your project organized from the start. Learn how to structure layers, name elements, and prepare assets for efficient editing.
Get your project organized from the start. Learn how to structure layers, name elements, and prepare assets for efficient editing.
Understand the power of components and how to reuse elements across your site. You’ll learn how to make updates globally and keep your design consistent.
Understand the power of components and how to reuse elements across your site. You’ll learn how to make updates globally and keep your design consistent.
Structure your layouts using sections to keep content organized and easy to navigate. This lesson guides you through building clean, scrollable page designs.
Structure your layouts using sections to keep content organized and easy to navigate. This lesson guides you through building clean, scrollable page designs.
Master stacks to create flexible, responsive layouts with minimal effort. We’ll show you how to adjust alignment, spacing, and direction for any design.
Master stacks to create flexible, responsive layouts with minimal effort. We’ll show you how to adjust alignment, spacing, and direction for any design.
Seamlessly bring your designs from Figma into Framer. You’ll learn how to optimize layers and maintain design fidelity after import.
Seamlessly bring your designs from Figma into Framer. You’ll learn how to optimize layers and maintain design fidelity after import.
Make your designs come alive with motion and user interactions. Learn how to add scroll effects, transitions, and micro-interactions that enhance user experience.
Make your designs come alive with motion and user interactions. Learn how to add scroll effects, transitions, and micro-interactions that enhance user experience.
Explore how overrides and code components can extend Framer’s capabilities. This lesson introduces light coding concepts for deeper customization.
Explore how overrides and code components can extend Framer’s capabilities. This lesson introduces light coding concepts for deeper customization.
Learn how to create dynamic content with Framer’s CMS. We’ll cover connecting collections, displaying posts, and designing templates that update automatically.
Learn how to create dynamic content with Framer’s CMS. We’ll cover connecting collections, displaying posts, and designing templates that update automatically.
Take your project live with Framer’s built-in hosting tools. You’ll learn how to publish, manage domains, and share your finished site with the world.
Take your project live with Framer’s built-in hosting tools. You’ll learn how to publish, manage domains, and share your finished site with the world.
Importing from figma
Seamlessly bring your designs from Figma into Framer. You’ll learn how to optimize layers and maintain design fidelity after import.
Sketchup Intro
Sketchup Intro
Learn what makes Framer a powerful design and publishing platform. We’ll cover the basics of the interface and how to start your first project.
Learn what makes Framer a powerful design and publishing platform. We’ll cover the basics of the interface and how to start your first project.
Discover how to build a consistent visual foundation with color, typography, and spacing tokens. This lesson shows you how to maintain harmony across every page and component.
Discover how to build a consistent visual foundation with color, typography, and spacing tokens. This lesson shows you how to maintain harmony across every page and component.
Get your project organized from the start. Learn how to structure layers, name elements, and prepare assets for efficient editing.
Get your project organized from the start. Learn how to structure layers, name elements, and prepare assets for efficient editing.
Understand the power of components and how to reuse elements across your site. You’ll learn how to make updates globally and keep your design consistent.
Understand the power of components and how to reuse elements across your site. You’ll learn how to make updates globally and keep your design consistent.
Structure your layouts using sections to keep content organized and easy to navigate. This lesson guides you through building clean, scrollable page designs.
Structure your layouts using sections to keep content organized and easy to navigate. This lesson guides you through building clean, scrollable page designs.
Master stacks to create flexible, responsive layouts with minimal effort. We’ll show you how to adjust alignment, spacing, and direction for any design.
Master stacks to create flexible, responsive layouts with minimal effort. We’ll show you how to adjust alignment, spacing, and direction for any design.
Seamlessly bring your designs from Figma into Framer. You’ll learn how to optimize layers and maintain design fidelity after import.
Seamlessly bring your designs from Figma into Framer. You’ll learn how to optimize layers and maintain design fidelity after import.
Make your designs come alive with motion and user interactions. Learn how to add scroll effects, transitions, and micro-interactions that enhance user experience.
Make your designs come alive with motion and user interactions. Learn how to add scroll effects, transitions, and micro-interactions that enhance user experience.
Explore how overrides and code components can extend Framer’s capabilities. This lesson introduces light coding concepts for deeper customization.
Explore how overrides and code components can extend Framer’s capabilities. This lesson introduces light coding concepts for deeper customization.
Learn how to create dynamic content with Framer’s CMS. We’ll cover connecting collections, displaying posts, and designing templates that update automatically.
Learn how to create dynamic content with Framer’s CMS. We’ll cover connecting collections, displaying posts, and designing templates that update automatically.
Take your project live with Framer’s built-in hosting tools. You’ll learn how to publish, manage domains, and share your finished site with the world.
Take your project live with Framer’s built-in hosting tools. You’ll learn how to publish, manage domains, and share your finished site with the world.
Interactivity and animations
Make your designs come alive with motion and user interactions. Learn how to add scroll effects, transitions, and micro-interactions that enhance user experience.
Sketchup Intro
Sketchup Intro
Learn what makes Framer a powerful design and publishing platform. We’ll cover the basics of the interface and how to start your first project.
Learn what makes Framer a powerful design and publishing platform. We’ll cover the basics of the interface and how to start your first project.
Discover how to build a consistent visual foundation with color, typography, and spacing tokens. This lesson shows you how to maintain harmony across every page and component.
Discover how to build a consistent visual foundation with color, typography, and spacing tokens. This lesson shows you how to maintain harmony across every page and component.
Get your project organized from the start. Learn how to structure layers, name elements, and prepare assets for efficient editing.
Get your project organized from the start. Learn how to structure layers, name elements, and prepare assets for efficient editing.
Understand the power of components and how to reuse elements across your site. You’ll learn how to make updates globally and keep your design consistent.
Understand the power of components and how to reuse elements across your site. You’ll learn how to make updates globally and keep your design consistent.
Structure your layouts using sections to keep content organized and easy to navigate. This lesson guides you through building clean, scrollable page designs.
Structure your layouts using sections to keep content organized and easy to navigate. This lesson guides you through building clean, scrollable page designs.
Master stacks to create flexible, responsive layouts with minimal effort. We’ll show you how to adjust alignment, spacing, and direction for any design.
Master stacks to create flexible, responsive layouts with minimal effort. We’ll show you how to adjust alignment, spacing, and direction for any design.
Seamlessly bring your designs from Figma into Framer. You’ll learn how to optimize layers and maintain design fidelity after import.
Seamlessly bring your designs from Figma into Framer. You’ll learn how to optimize layers and maintain design fidelity after import.
Make your designs come alive with motion and user interactions. Learn how to add scroll effects, transitions, and micro-interactions that enhance user experience.
Make your designs come alive with motion and user interactions. Learn how to add scroll effects, transitions, and micro-interactions that enhance user experience.
Explore how overrides and code components can extend Framer’s capabilities. This lesson introduces light coding concepts for deeper customization.
Explore how overrides and code components can extend Framer’s capabilities. This lesson introduces light coding concepts for deeper customization.
Learn how to create dynamic content with Framer’s CMS. We’ll cover connecting collections, displaying posts, and designing templates that update automatically.
Learn how to create dynamic content with Framer’s CMS. We’ll cover connecting collections, displaying posts, and designing templates that update automatically.
Take your project live with Framer’s built-in hosting tools. You’ll learn how to publish, manage domains, and share your finished site with the world.
Take your project live with Framer’s built-in hosting tools. You’ll learn how to publish, manage domains, and share your finished site with the world.
Overrides & code components
Explore how overrides and code components can extend Framer’s capabilities. This lesson introduces light coding concepts for deeper customization.
Sketchup Intro
Sketchup Intro
Learn what makes Framer a powerful design and publishing platform. We’ll cover the basics of the interface and how to start your first project.
Learn what makes Framer a powerful design and publishing platform. We’ll cover the basics of the interface and how to start your first project.
Discover how to build a consistent visual foundation with color, typography, and spacing tokens. This lesson shows you how to maintain harmony across every page and component.
Discover how to build a consistent visual foundation with color, typography, and spacing tokens. This lesson shows you how to maintain harmony across every page and component.
Get your project organized from the start. Learn how to structure layers, name elements, and prepare assets for efficient editing.
Get your project organized from the start. Learn how to structure layers, name elements, and prepare assets for efficient editing.
Understand the power of components and how to reuse elements across your site. You’ll learn how to make updates globally and keep your design consistent.
Understand the power of components and how to reuse elements across your site. You’ll learn how to make updates globally and keep your design consistent.
Structure your layouts using sections to keep content organized and easy to navigate. This lesson guides you through building clean, scrollable page designs.
Structure your layouts using sections to keep content organized and easy to navigate. This lesson guides you through building clean, scrollable page designs.
Master stacks to create flexible, responsive layouts with minimal effort. We’ll show you how to adjust alignment, spacing, and direction for any design.
Master stacks to create flexible, responsive layouts with minimal effort. We’ll show you how to adjust alignment, spacing, and direction for any design.
Seamlessly bring your designs from Figma into Framer. You’ll learn how to optimize layers and maintain design fidelity after import.
Seamlessly bring your designs from Figma into Framer. You’ll learn how to optimize layers and maintain design fidelity after import.
Make your designs come alive with motion and user interactions. Learn how to add scroll effects, transitions, and micro-interactions that enhance user experience.
Make your designs come alive with motion and user interactions. Learn how to add scroll effects, transitions, and micro-interactions that enhance user experience.
Explore how overrides and code components can extend Framer’s capabilities. This lesson introduces light coding concepts for deeper customization.
Explore how overrides and code components can extend Framer’s capabilities. This lesson introduces light coding concepts for deeper customization.
Learn how to create dynamic content with Framer’s CMS. We’ll cover connecting collections, displaying posts, and designing templates that update automatically.
Learn how to create dynamic content with Framer’s CMS. We’ll cover connecting collections, displaying posts, and designing templates that update automatically.
Take your project live with Framer’s built-in hosting tools. You’ll learn how to publish, manage domains, and share your finished site with the world.
Take your project live with Framer’s built-in hosting tools. You’ll learn how to publish, manage domains, and share your finished site with the world.
Blog & CMS
Learn how to create dynamic content with Framer’s CMS. We’ll cover connecting collections, displaying posts, and designing templates that update automatically.
Sketchup Intro
Sketchup Intro
Learn what makes Framer a powerful design and publishing platform. We’ll cover the basics of the interface and how to start your first project.
Learn what makes Framer a powerful design and publishing platform. We’ll cover the basics of the interface and how to start your first project.
Discover how to build a consistent visual foundation with color, typography, and spacing tokens. This lesson shows you how to maintain harmony across every page and component.
Discover how to build a consistent visual foundation with color, typography, and spacing tokens. This lesson shows you how to maintain harmony across every page and component.
Get your project organized from the start. Learn how to structure layers, name elements, and prepare assets for efficient editing.
Get your project organized from the start. Learn how to structure layers, name elements, and prepare assets for efficient editing.
Understand the power of components and how to reuse elements across your site. You’ll learn how to make updates globally and keep your design consistent.
Understand the power of components and how to reuse elements across your site. You’ll learn how to make updates globally and keep your design consistent.
Structure your layouts using sections to keep content organized and easy to navigate. This lesson guides you through building clean, scrollable page designs.
Structure your layouts using sections to keep content organized and easy to navigate. This lesson guides you through building clean, scrollable page designs.
Master stacks to create flexible, responsive layouts with minimal effort. We’ll show you how to adjust alignment, spacing, and direction for any design.
Master stacks to create flexible, responsive layouts with minimal effort. We’ll show you how to adjust alignment, spacing, and direction for any design.
Seamlessly bring your designs from Figma into Framer. You’ll learn how to optimize layers and maintain design fidelity after import.
Seamlessly bring your designs from Figma into Framer. You’ll learn how to optimize layers and maintain design fidelity after import.
Make your designs come alive with motion and user interactions. Learn how to add scroll effects, transitions, and micro-interactions that enhance user experience.
Make your designs come alive with motion and user interactions. Learn how to add scroll effects, transitions, and micro-interactions that enhance user experience.
Explore how overrides and code components can extend Framer’s capabilities. This lesson introduces light coding concepts for deeper customization.
Explore how overrides and code components can extend Framer’s capabilities. This lesson introduces light coding concepts for deeper customization.
Learn how to create dynamic content with Framer’s CMS. We’ll cover connecting collections, displaying posts, and designing templates that update automatically.
Learn how to create dynamic content with Framer’s CMS. We’ll cover connecting collections, displaying posts, and designing templates that update automatically.
Take your project live with Framer’s built-in hosting tools. You’ll learn how to publish, manage domains, and share your finished site with the world.
Take your project live with Framer’s built-in hosting tools. You’ll learn how to publish, manage domains, and share your finished site with the world.
Publishing
Take your project live with Framer’s built-in hosting tools. You’ll learn how to publish, manage domains, and share your finished site with the world.
Sketchup Intro
Sketchup Intro
Learn what makes Framer a powerful design and publishing platform. We’ll cover the basics of the interface and how to start your first project.
Learn what makes Framer a powerful design and publishing platform. We’ll cover the basics of the interface and how to start your first project.
Discover how to build a consistent visual foundation with color, typography, and spacing tokens. This lesson shows you how to maintain harmony across every page and component.
Discover how to build a consistent visual foundation with color, typography, and spacing tokens. This lesson shows you how to maintain harmony across every page and component.
Get your project organized from the start. Learn how to structure layers, name elements, and prepare assets for efficient editing.
Get your project organized from the start. Learn how to structure layers, name elements, and prepare assets for efficient editing.
Understand the power of components and how to reuse elements across your site. You’ll learn how to make updates globally and keep your design consistent.
Understand the power of components and how to reuse elements across your site. You’ll learn how to make updates globally and keep your design consistent.
Structure your layouts using sections to keep content organized and easy to navigate. This lesson guides you through building clean, scrollable page designs.
Structure your layouts using sections to keep content organized and easy to navigate. This lesson guides you through building clean, scrollable page designs.
Master stacks to create flexible, responsive layouts with minimal effort. We’ll show you how to adjust alignment, spacing, and direction for any design.
Master stacks to create flexible, responsive layouts with minimal effort. We’ll show you how to adjust alignment, spacing, and direction for any design.
Seamlessly bring your designs from Figma into Framer. You’ll learn how to optimize layers and maintain design fidelity after import.
Seamlessly bring your designs from Figma into Framer. You’ll learn how to optimize layers and maintain design fidelity after import.
Make your designs come alive with motion and user interactions. Learn how to add scroll effects, transitions, and micro-interactions that enhance user experience.
Make your designs come alive with motion and user interactions. Learn how to add scroll effects, transitions, and micro-interactions that enhance user experience.
Explore how overrides and code components can extend Framer’s capabilities. This lesson introduces light coding concepts for deeper customization.
Explore how overrides and code components can extend Framer’s capabilities. This lesson introduces light coding concepts for deeper customization.
Learn how to create dynamic content with Framer’s CMS. We’ll cover connecting collections, displaying posts, and designing templates that update automatically.
Learn how to create dynamic content with Framer’s CMS. We’ll cover connecting collections, displaying posts, and designing templates that update automatically.
Take your project live with Framer’s built-in hosting tools. You’ll learn how to publish, manage domains, and share your finished site with the world.
Take your project live with Framer’s built-in hosting tools. You’ll learn how to publish, manage domains, and share your finished site with the world.
course info
What to expect
Skill Level
Skill Level
Beginner
Beginner
Time to Complete
Time to Complete
7 Hours
7 Hours
Certification
Certification
After Completion
After Completion
Prerequisites
Prerequisites
None Needed
None Needed
faq
Frequently Asked Questions
What will I learn in this course?
What background knowledge do I need to have to take this course?
How long is the course and how much time should I expect to dedicate to it?
Does Framer require me to learn how to code?
Who is this course for?
What are the learning objectives, and how will the course help me as a designer?