Skip to main content
In-product variables (in Beta)

Creating variables in your template for multi-page updates.

Updated over a week ago

This guide provides an overview of how to set up variables in your template.

*Please note, this feature is currently in Beta. Contact your Customer Success Manager for more information.



What are variables?

Variables bring greater flexibility and control to your multi-page design templates by allowing you to create links between content across multiple pages.

With support for text, image, and color variables, you can streamline your design workflow and ensure users have consistent branding across all pages.


Set up variables in your template

Follow these steps to use variables directly in Frontify:

  1. Open a template from your template library

  2. Navigate to the edit mode

  3. Locate the 'variables' panel

To create a new variable:

  1. Click on a layer in a page (image, text, or color property)

  2. Navigate to the settings menu on the left and click on the link icon

  3. Click the button to create a new property variable

Doing so will create a new variable in the Variables panel. From there you can click on any other (text, color, or image) property on the same or different pages and add it that variable.

To manage existing variables:

  1. Head to the Variables panel to see all imported (or newly created) variables

  2. You can edit those variables accordingly:

    1. Rename the variable by hovering over the variable title and clicking to edit it

    2. Delete the variable

    3. Remove linked properties


How to use variables

When a template user makes a change to one of the editable properties the template has, the change will be applied instantaneously across all linked properties.


Best practices

  • Ensure to give each variable a meaningful and distinguishable name so that your end-users utilizing the template can easily recognize the layer being edited

  • Only linked variables will show up in the simple creation template block as editable form fields. You might have imported variables (e.g., from Figma variables) without any linked properties, so if you can remove them to help clean up and delete those from list of variables


Known limitations

  1. This feature is currently only available for the simple creation template block (the advanced option will be introduced later on).

Please reach out to your Customer Success Manager with any issues you encounter.

Did this answer your question?