Videos

In this video, Sam walks through the features in the Tokens Studio plugin for Figma that allow the creation of variables that are synced to design tokens.

A new video from Lauren with a deep dive on when to use variants vs. variables with modes.

Figma 101 before the school starts from Miggi: ​“In this workshop we will cover the basics of working with Figma for design covering topics like creating graphics, working with typography, and making reusable components. This workshop is intended to help you get more familiar and confident with Figma whether you are just beginning your design journey, or applying your existing knowledge from another tool.” See also his Homework Hotline livestream follow-up.

Miggi causes the ​“figception” by using Jambot to come up with ideas for making Figma content. Quite amazing to see how it can be used as a tool for thought (or even programming, FWIW).

A short video on using the bezier curve tool to make an S‑shaped curve.

Miggi shows how to make a notification badge that expands to fill its contents with Auto Layout.

“In this Study Hall, learn how to apply the use of variables in your prototypes with the assistance of variable modes and conditional logic to create a more realistic shopping cart prototype that uses real math.”

Ridd interviews Luis Ouriach about using variables for his Deep Dives podcast. ​“Luis goes deep into strategies based on team size, provides naming guidance, and even breaks down how he thinks about structuring libraries with variables in Figma. Lastly, Luis shares a behind-the-scenes of his journey as a designer advocate and even gives a unique prediction for how AI will take shape inside of Figma.”

Creativity is great, but it can get messy. How do you balance creative chaos and stakeholder visibility? Hugo Raymond spoke to Bupa to uncover their approach.

Interested in learning how to migrate from Styles to Variables? Join Luis Ouriach, Akbar Mizra, Jacob Miller from Figma, and Jack Minogue from Ford for a look at approaches you can use to lower the friction of your rollout of variables.

At Smashing Meets Figma event, Christine Vallaure showed how to add real data to your Figma designs, and various ways to include Google Sheets and API data via Kernel.

Miggi on using sections in Figma for prototypes and how to preserve the state of a given flow.

“In this livestream, Jake, Lauren, and Emil dive into Dev Mode, the newest space in Figma built for developers.”

It was really cool to relive the conference through Charli’s vlog. I’ve been covering her work for years, and we briefly met in person at Zeplin’s after-party. Now I have a huge FOMO from missing the Design Life podcast meetup, as I headed out to the airport. (Fun fact: I discovered Femke’s work through her vlog from the first Config in 2020, and she is Charli’s co-host of the podcast.)

Designer advocate Ana Boyer demonstrates the new advanced prototyping features by building an e‑commerce experience.

Learn how to use min and max values when working with the auto layout in your designs, with a bonus of updated text truncation and max lines feature for paragraph text.

Miggi with a tip on using the new auto layout wrap to handle elements beyond just a single row. Love that Shift-A automatically puts elements into a wrapped auto layout when you have multiple rows of elements selected.

Shivani used an AI service to make Config 2023 recordings searchable and generate summaries and takeaways. While AI summarization can be hit or miss, searching by a keyword through all talks is surprisingly useful!

Miggi covers the different ways that variables can be added when creating prototypes, and how you can use them to make them more dynamic and with fewer frames. We cover all of the currently available variable types: booleans, numbers, strings, colors, and even discuss how to bind string variables to interactive components.

CSS Evangelist Kevin Powell made a video walkthrough of the new Dev Mode specifically for other developers. Share it with your team!