Videos

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!

Great video from Chad on a conversion technique I described above. Recommend watching this video before you embark on a journey to update your color system.

The first segment of the opening talk of the second day, with Noah Levin and Diagram team discussing how AI will shape our future and work. Continue by watching Generative AI and Creative Arms Race by Ovetta Patrice Sampson from Google, AI and empowering creative careers by Scott Belsky and Brooke Hopper from Adobe, and wrap up with The crescendo of AI in our collective future by Kanjun Qiu and Reid Hoffman.

An in-depth session with Designer Advocate Miggi, Software Engineer Ricky Rajani, and PM Garrett Miller on how to build even higher fidelity prototypes with less complexity.

Software Engineer Jon Kaplan, Product Designers Nikolas Klein and Chia Amisola, and Prototyping Product Manager Garrett Miller talk about the newly announced advanced prototyping features.

A short video tutorial on building advanced prototypes with variables and two new prototyping actions: Set Variables and Conditional.

An in-depth session by Designer Advocate Luis Ouriach and Design Systems PM Jacob Miller on how you can level up your design system in Figma for better scalability, theming, and more using variables.

This short video tutorial covers how variables work, and how to use them to represent design tokens and account for different modes and themes.

An in-depth session with practical perspectives on how designers and developers can leverage brand new Figma capabilities to unlock tighter collaboration with one another, prepared by four Figmates — Developer Advocate Jake Albaugh, Group Product Manager Avantika Gomes, Designer Advocate Lauren Andres, and Software Engineer Jenny Lea.

A YouTube playlist with recordings of all 47 sessions (some split into multiple videos) from Config. As the conference had 5 tracks on the first day and 6 tracks on the second, I didn’t attend most of those sessions and looking forward to catching up during the next few weeks.

If you have time for only one thing this week, this should be it. First, Figma CEO Dylan Field introduces new features — variables, auto layout updates, and advanced prototyping. Then, CTO Kris Rasmussen talks about rethinking product building from the ground up and how the new Dev Mode is bringing design and engineering closer together. In the end, Dylan talks about file browser refresh, font previews, and what AI could look like in Figma — wrapping things up by announcing the acquisition of Diagram.

I watched every Config keynote over the years, and this year’s announcements were the most anticipated and ambitious ever. It’s incredible to see how Figma is growing in depth and breadth at the same time, now providing incredibly advanced tools while covering an entire product-building process from brainstorming to design to development. Exciting time to be a maker.

A new workshop from Miggi and Alex on making icons in Figma. ​“In this workshop, we will explore various ways to leverage vector shapes, boolean operations, the pen tool, and more to create reusable icons. These skills can also be applied to producing graphics, illustrations, logos, and other designs that can be used across different platforms.”

A new talk from the Creator of Tokens Studio Jan Six and a Fullstack Developer Andrew L’Homme on the future of brand management and what the Tokens Studio team has in store for design token management.

Christine Vallaure recorded a comprehensive guide to setting up, connecting, and updating libraries.

Charli Marie with ten tips on how you can get the most out of FigJam.

Davo Galavotti’s talk at last year’s The Future of Design Systems Conference. He shows how to use Figma and a few plugins like Automator and Scripter to automate repetitive tasks and streamline the design process to improve efficiency and productivity. (Disclaimer: The Future of Design Systems Conference sponsors this issue, but this link is not sponsored.)

Figma published an 80-minute course walking us through the entire design system journey and covering fundamental concepts, building and testing, documenting, and everything in between. Fantastic introduction to the topic, even if you just want to organize your knowledge.

Denislav Jeliazkov from UI Learn shows quick ways to improve the use of colors in interfaces.

Tutorial Tim shows how to use the AI plugin Wireframe Designer.