Learning and collaborating on Local Variables in Figma Without Reinventing the Wheel

5 replies
306 views

Local variables are only accessible on an individual’s local system, right? Is there any way to view someone else’s local variables — for instance, if they’ve already set up a great system — so others can build on it instead of starting from scratch?

Another way:
Is there any way to view and study the local variables used in Figma files available in the community? Specifically, I’m curious if it's possible to examine how others have organized their variables within their files, so I can learn from well-structured systems and avoid reinventing the wheel when working on similar projects.

This topic has been closed for replies.

Nate_GSolution

Power Member

You can search for community files like Figma’s “Simple Design System”, open it up in your account, and then explore it to see how they set up their variables, components, etc. https://www.figma.com/community/file/1380235722331273046/simple-design-system

You can also search for UI/Design kits from Apple, Google, and others to see how they set things up.

Nate G

Nate_GSolution

Power Member

You can search for community files like Figma’s “Simple Design System”, open it up in your account, and then explore it to see how they set up their variables, components, etc. https://www.figma.com/community/file/1380235722331273046/simple-design-system

You can also search for UI/Design kits from Apple, Google, and others to see how they set things up.

Nate G

Radhika1Author

New Participant

Just to confirm — there isn’t a way to access all the variables, collections, modes, tokens, etc., in one single view for any of the UI kits, right?

It seems like the only way to understand how things are set up is by going into individual components, instances, or elements and then clicking through typography, color styles, measurements, and modes. But even then, we’re mostly assuming the structure — without really knowing if they’ve used any primitive collections for aliasing different elements like typography or color, what kind of naming conventions they’ve followed from primitive to semantic or functional, and the specific syntax they’ve applied. Is that right?

Radhika1Author

New Participant

Thank you! @Nate_G

So basically, Figma’s “Simple Design System” file is set up in a way that when you open it and check the variables panel, it doesn’t show any variables.

But when I looked at the Apple UI Kit for iOS 18, the variables are set up right from the start. If a file has variables, they’ll be visible to anyone who has access to the file — which makes it much easier to see and work with them upfront.

Nate_G

Power Member

If you “Make a copy of this file” of the “Simple Design System” you can view the variables.