Meet the beta feature that allows you to copy and paste your Framer design components straight into production React code. Get an inside look at the Handshake workflow with Hunter Caron, one of the product designers behind Framer’s latest feature, and be sure to stick around for a Q&A at the end.



Hunter Caron

Designer

Intro to Handshake

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!



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?

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