Vijay Verma with a quick video tutorial on how to create a functional loader with variables and conditions.

Continuing with taxonomy, check out this discussion about naming tokens for a toggle switch UI element. Don’t miss the insight from Ryhan on how Figma approached this in their UI2 design system.

Figma, but for architects: ​“Arcol is a design and documentation tool that helps AEC teams create better buildings, faster.” Backed by Dylan Field as one of the investors. (Hat tip to Jon Moore.)

Jan Toman made an unofficial Figma library of variables and styles that use the default Tailwind CSS configuration.

Library with all colors from Radix Colors, an open-source color system for designing beautiful, accessible websites and apps. Also made by Jan using variables and light/​dark modes.

Zander is showing how to quickly create a responsive card grid.

Molly Hellmuth shares five updates you can make with the new min/​max sizing and auto layout wrap that will make a big difference in your designs. Tip #5 on having text grow in both directions is my favorite!

Vijay is building a game using variables with new advanced prototyping features and explains how it works along the way.

Double Glitch made the Space Invaders game and turned Figma into a game engine.

Anthony DiSpezio shares a community file and a quick tutorial for creating a cute blooming flower effect.

Vijay Verma won’t miss a chance to build something fun with a new Figma feature. Here, he made a fun personalized avatars constructor using different combinations of components and variables.

Luis shares good tips and thoughts on using, naming, and organizing color variables, as well as setting up modes for themes. Additionally, he summed up all of the above into a Variable starter kit on the Figma Community.

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.

Great summary of Brian Chesky’s conversation with Dylan Field on approaching everything at Airbnb through a design lens.

Dan Mall is an expert in design systems and a fellow designer from Philadelphia. Dan organized a post-Config basketball game, hosted a special dinner, and even captained the winning team at the Figmatch design competition. His recap focuses on what makes in-person conferences really special.

Joey Banks’ recap of everything announced at Config. (I was lucky to meet Joey and share the scene with him at Config, and his deep knowledge of Figma and expertise in design systems are second to none. Highly recommend subscribing to his Baseline newsletter.)

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.

Noah Levin, VP of Design, unveils Figma’s vision for AI and shares that Figma has acquired Diagram. (It’s fun to look back at all Jordan’s experiments I shared in this newsletter, starting from 2020.) ​“In short, AI can help us do more — across every part of the product development process — faster. It’s not a feature, but a core capability; more than a product, it’s a platform that can up-level our work to the plane of problem solving — arguably the core pursuit of our craft, and the reason many of us got into design and product building in the first place.”

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.