Mini-series showing how to use variables for advanced prototyping on a few example projects by the Design Pilot YouTube channel.

“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.”

…and one more list, but for advanced prototyping!

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

Sam Gordashko collected resources on variables and advanced prototyping for the Design System University community, based on topics designers often struggle with.

Niko shares how advanced prototyping came from a vision in June 2022 to reality at Config 2023. The team had to ship variables, multiple actions, expressions, and conditionals simultaneously to make it happen. This release is a huge achievement and the team should be celebrated for it.

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

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.

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

Great roundup of 7 games made with variables and advanced prototyping. Quite impressive to see how far designers have pushed new features just a week after they were announced.

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.

Realistic typing is finally possible in Figma prototypes using variables.

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

While Will was working on Figma-OS, Willy Wu from Figma was also building his own version with a Figma plugin to help compile small C programs using ELVM. Don’t miss a thread on his journey.

Occasionally someone builds something in Figma that just melts my brain: “Figma-OS is the first Turing-complete 8-bit computer built using Figma prototyping tools. Figma-OS has state-of-the-art specs with 512 bits of RAM, 16 bytes program memory, 10 Hz clock speed, and a MISC instruction set of 16 OPCODEs.” See the thread from Will DePue on how it works.

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.

And here is a fully functional stopwatch demo as well.

Miguel Solorio already built a simple, functioning calculator with advanced prototypes and variables.

One of the fun test files that Figma engineer Willy Wu used for testing advanced prototyping. “With stuff like this, we’re entering Turing-complete territory… it’s only a matter of time before someone gets Doom running in Figma!”