How to create a group for Variables in Figma

A step by step guide on creating a variables group within collections in Figma.

Oscar de la Hera Gomez
Written by Oscar de la Hera Gomez
First published on 08/09/2023 at 13:42
Last Updated on 08/10/2023 at 17:00
<p>A flower that represents Figma with the text "Create a Group<br />for Variables" beneath it.</p>

A step by step guide on creating a variables group within collections 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: Create a New Group

<p></p> <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. On the screenshot is the menu that appears when you right click a variable. Highlighted on this menu is the “New Group with Selection” menu option. Click it to create a new group and add the selected variable to it.</p> <p></p>

Right click the variable which you wish to create a group for, and in the menu that appears click New Group with Selection.

This will open up the variable sidebar and create create a new group called "New group" and will add the variable that you selected to it.

<p>A screenshot of Figma showing the Variable window open with the side bar open, this side bar was opened when we created a new group. The side bar shows 4 variables have been created and selected is a group called “new group”. This is the group that was created from the variable that we selected in the prior step.</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