Variables Manager

Using variables can help speed up your workflow and increase efficiency. The Variable Manager gives you greater control over your variables. 

Access the Variables Manager

When you create a variable it is added to the Variables Manager where you can edit or delete it.

There are two ways to access the Variables Manager:

• From the Top Bar
• From the element panel

To access the Variables Manager from the top bar:

1. Click the three dots icon in the Top Bar and select Design System.
   
2. The Design System panel opens with the Variables tab selected.

To access the Variables Manager from the element panel:

1. Click on the variable icon. For details, see Variables.
   
2. In the variables popup window, click the Variable Manager icon .
   
   The Variable Manager opens.

Create a variable in the Variables Manager

To create a new variable using the Variables Manager:

1. Open the Variables Manager.
2. Click Create a variable if this is your first variable or the new variable icon – +.
   
3. Choose whether you want to create a:
   1. Color variable
   2. Font variable
   3. Size variable
4. A default variable will be created.
5. Set a value for the variable.
   

Delete a variable in the Variable Manager

To delete a variable:

1. Open the Variables Manager.
2. Hover over the variable you want to delete.
3. Click the ellipses to the right of the variable you want to delete and select Delete.
   
4. Confirm the deletion.

Edit a variable in the Variables Manager

To edit a variable in the Variable Manager:

1. Open the Variables Manager.
2. Double-click the variable you want to edit.
3. Change the value.
   

Use a variable from the Variables Manager

Using variables to build your site can save you time and increase consistency throughout your site.

To use a variable from the Variables Manager:

1. In the panel, click the Variable icon.
   
2. The variable window contains a list of relevant variables.
   
3. Select one of the variables from the list.