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?

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

We want to give everyone the power to build the next great product. In the session you will learn everything you need to start 

, including common UX design principles and the basics of Framer.

This session is part one of a two part series


Build your first MVP part 1

Curious about using code in Framer? With the release of our no-code tools, code is not necessary to create high-fidelity prototypes but it's still a powerful feature for those interested in getting their hands dirty with React. Join this session to learn about 

Building the perfect form

Product specialist Viktor Renkema and Customer success engineer Iain Kettles are here to shine some light on best practices in Framer to help make your prototyping process easier than ever before. What’s the best way to create layouts in Framer? How should you organize your work? Want to enhance your prototypes with unique interactive components? Sign up to learn all these answers and more.

Viktor Renkema

Iain Kettles

Tips & tricks from the Framer experts

Curious to learn how other teams use Framer? Join designer Alexander Artsvuni from Farfetch and product specialist Aroa Gil Bo to learn more about how Farfetch has integrated Framer into their design process. Alex will walk through his prototyping process, share best practices, and show which components make Framer the tool of choice at Farfetch.

Aroa Gil Bo

Alexander Artsvuni

Best practices for using Framer in teams

Watch product designer Anne Lee and product specialist Addison Schultz as they recreate some new design trends from Apple. These pro prototypers will give you insights on the most efficient ways to work in Framer as well as introduce some of the most used components by designers on the Framer team. Learn how to leverage design tools in Framer, find useful components for any prototype and set your files up to preview them responsively.

Anne Lee

Product Designer

Apple-inspired, widget-based prototyping

? Want to know more about the inspiration behind the Insert Menu? Now is your chance to ask. Join Framer co-founders Koen and Jorn for the next Framer Live session as they answer all of your burning questions about the how’s and why’s of Framer.

Koen Bok

Jorn van Dijk

AMA with co-founders Koen & Jorn

Follow Fernando Hurtado and Viktor Renkema as they run through how to 

, swap static layers for interactive components, and use Magic Motion to easily create custom animations.

Fernando Hurtado

From Figma to Framer

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.

Matt Perry

Prototyping an app on the fly

In the first-ever Framer session, Framer product specialists Peri Langlois and Addison Schultz teach you how to create an 

 in Framer. They run through laying up UI, adding interactivity without code, and hosting your project on Netlify Drop. Ready to create your own? Get started easily with our 

Prototyping a portfolio in Framer

Sessions

Here you can find live sessions on everything from interactive design to Framer AMAs. Keep an eye out for upcoming sessions or sign up to be notified directly.