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


Addison Schultz

Product Specialist

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 wireframe, 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 designing the first version of your app, 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 input validation, form input data, and using data objects. 

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

Designer

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 import Figma designs, swap static layers for interactive components, and use Magic Motion to easily create custom animations.

Fernando Hurtado

From Figma to Framer

Matt Perry

Engineer

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 interactive portfolio prototype in Framer. They run through laying up UI, adding interactivity without code, and hosting your project on Netlify Drop.

Prototyping a portfolio in Framer

Sessions

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