Watch this webinar to learn the ins and outs of Auto Size. You’ll learn everything from the basics of how it works to using Auto Sizing in both Smart Components and code. Auto Size lets you design dynamic elements like buttons, cards, chat bubbles, accordions—and so much more—that respond to interactions and changes in their content.

Addison Schultz

Product Specialist

Niels van Hoorn

Engineer

What is Auto Sizing?

Last month, we launched Smart Components in Framer as a new way to create real interactive components—without using code. These new features will allow you to take your prototypes to the next level by turning your static designs into something interactive, while allowing you to customize specific properties through Variables.


Build interactive Checkboxes, Toggles, and Buttons

Leverage icons, inputs, and more in component Variants

Put everything together into an impressive prototype


Powerful Smart Components

Calling makers of all backgrounds! 

You have a great idea and we want to give you the power to bring it to life. Learn everything you need to 

, design, test, and demo a first version of your product.



, we will be exploring the Framer tools in depth, setting up a functional prototype, and going over best practices for sharing your MVP.

Peri Langlois

Product Marketing

Build your first MVP part 2

Follow Fernando Hurtado and Viktor Renkema as they run through how to import Figma designs, swap static layers for interactive components, and use Magic Motion to easily create custom animations.

From Figma to Framer

Date & Time

Hosts

Register to watch the session & receive updates.

More sessions

What is Auto Sizing?

Powerful Smart Components

Build your first MVP part 2