Upgrade Your Figma Variable Library | Variables Latest Release!

This December, @Figma released new variables, including effect, border width, and opacity variables. Here's how we're adding these variable types to our design system!

*Please note this is the method we follow when building our Figma variable library. Every designer's approach is different.


Build a community profile + join the community: https://www.uicollective.co/
Resources: https://uicollective.co/designer-tools-and-resources
Design System Audits + more https://designsystemlabs.co/

Our Figma Plugin: https://www.figma.com/community/plugin/1301974711562028600/design-system-tracker

0:00 An Introduction
0:28 Blur Variables
2:38 Spread Variables
4:59 Positioning Variables
8:51 Border Width Variables
9:52 Opacity Variables