Part of 100+ video lessons
Short, step-by-step lessons you can rewatch anytime.
Hands-on project
Follow along in the host project and build as you learn.
Certificate path
Counts toward your Framer Fundamentals certificate.
SCALE TWO WAYS
Ryan scales the middle card with a transform, then with the scale tool, and compares the text sizes.
Select the frame
Pick the card you want to make bigger or smaller.
Apply a transform scale
Properties panel > Transform > Scale keeps the original dimensions.
Or press K
The scale tool changes the actual sizes of the element and its children.
02:41
Resize designs quickly
Shrink or enlarge a finished graphic without redoing padding and text sizes.
02:41
Know which scale you're using
Tell a visual transform from a real resize by checking the text size.
Overflow in Framer
Overflow decides what happens when content is bigger than the frame it lives in. Learn the four overflow types and when to use each one.
Layout in Framer
Framer's layout system works like auto layout in Figma or Flexbox in Webflow. Learn how stacks and grids bring alignment and order to your elements.
CURRICULUM
WHAT YOU'LL LEARN IN THIS COURSE
In the Ultimate Framer Masterclass, you’ll master Framer from the ground up. Follow real projects, get expert feedback, and finally design and ship the way you’ve always wanted to.
FUNDAMENTALS
Duplicate a card. Scale one copy with Transform > Scale and the other with K, then compare the text sizes in the properties panel.
Learn the basics
PUBLISH CHECKLIST
Is the page responsive?
Do I use a container?
Using text & color styles?
Used components for reusable elements
Updated SEO
Published my site
TRY IT OUT
Cesar Rodrigues
Founder, Craate Creative
CERTIFICATION
BECOME A CERTIFIED FRAMER MASTER
Earn 3 official certifications that show you don’t just know Framer, but you can
design, build, and execute real pixel-perfect sites.
Rated excellent by 900+ students
4.8
Lifetime access
14-day money-back guarantee
Stream anywhere
