Framer for Developers enables you to take your Framer projects to the next level by extending anything you create through code.

Join Addison and Hunter from Framer, who will take you from A-Z and show you everything you need to know to start coding in Framer!



Hunter Caron

Designer

Addison Schultz

Product Specialist

Framer for Developers

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.

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

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.

Iain Kettles

Matt Perry