How to create a new Variable Collection in Figma

A step by step guide on creating a new variable collection in Figma.

Oscar de la Hera Gomez
Written by Oscar de la Hera Gomez
First published on 08/10/2023 at 12:24
Last Updated on 08/10/2023 at 16:58
<p>A flower that represents Figma with the text "Create a new Variables Collection" beneath it.</p>

A step by step guide on creating a new variable collection in Figma.

SubscribeCheck out our Figma Variables Guide

Step One: Open the Variables Window

<p>A screenshot of Figma highlighting the settings icon to the right of "Local Variables" on the right menu side bar. Click it to open the variables window. If you can't find it, make sure you have selected the canvas (i.e. that no frame, asset or other object is selected).</p>

On the right menu bar, next to Local Variables, click the settings icon.

How to access variables in a Figma project

Step Two: Open the Sidebar

<p>A screenshot of Figma showing the Variable window open, it shows 4 variables with default names. The four variables are a color, number, string and boolean. They are split across two groups, “all variables” and “colors”. Highlighted on the top left of the variables window is the sidebar icon. Click it to open the sidebar.</p>

Click the icon on the top left to open the sidebar.

Step Three: Create the Collection

<p>A screenshot of Figma showing the Variable window open, it shows 4 variables with default names. The four variables are a color, number, string and boolean.  They are split across two groups, “all variables” and “colors”. The variable window sidebar is open and we have highlighted the collection selector on the top left of the side bar. Click it to open a menu that allows you to create a new collection by clicking “Create collection.”</p>

On the top left of the Variables window, open the Collections menu and click Create collection.

Step Four: Name the Collection

<p>A screenshot of Figma showing the Variable window open, it shows 4 variables with default names. The four variables are a color, number, string and boolean.  They are split across two groups, “all variables” and “colors”. The variable window sidebar is open and a new collection has been created. Highlighted is how the input for that name is active, allowing you to rename “Collection 2” by typing in the new name. Press enter when you are done.</p>

Enter the name for the collection and press enter when ready.

<p>A screenshot of Figma showing the Variable window open, it shows 4 variables with default names. The four variables are a color, number, string and boolean.  They are split across two groups, “all variables” and “colors”. The variable window sidebar is open and a new collection has been created and renamed to “Language Manager.”</p>

Looking to learn more about things you can do with Variables or Figma ?

We recommend you check out our Figma Variables Guide or search our blog to find educational content on learning how to use Figma.

Check out our Figma Variables GuideSearch our Blog

Any Questions?

We are actively looking for feedback on how to improve this resource. Please send us a note to inquiries@delasign.com with any thoughts or feedback you may have.
SubscribeContact UsVisit our BlogView our ServicesView our Work

Partner with us

We would love to get to know you and see how we can help your organization with its goals and needs.
Let's Talk

Stay Informed

Get occasional updates about our company, research, and product launches.
Subscribe