Sorry, the InVision Help Center does not support Internet Explorer. Please download Microsoft Edge or another modern browser.


InVision Cloud V7: Can I define custom variable names in Inspect?

Follow

This article provides answers for InVision Cloud V7 only. Not sure which version you're using? Find out now.

When inspecting a Studio prototype in InVision Cloud V7, you can now name measurements and styles in your prototype, creating reusable variables that align with the naming conventions used in your own codebase. 

This feature is in beta, and it is currently only available for Studio prototypes in Cloud V7. This functionality is not yet available for prototypes created via Craft Sync.

Defining variables

To define a custom variable:

  1. Sign in to your InVision Cloud V7 account and open a Studio prototype. 
  2. Select a layer and navigate to the right-hand information panel.
  3. In the Styles tab, hover over the measurement or style you want to create a variable for. Click the Create variable icon (studio-create-variable-icon.png).
  4. Name the variable and press Enter.

The newly created variable will appear in the left-hand Variables section of Inspect.

v7-studio-define-variable.gif

Viewing saved variables

The Variables section will appear below the left-hand layers list while inspecting any Studio prototype. That section will display all variables that you have previously saved.

v7-studio-variables-section.png

If you want to hide the variables, click the drop-down in the Variables section and choose No Library. This will remove the list of variables in the left-hand column, as well as the variable names in the right-hand information panel.

v7-studio-hide-variables.gif

Was this article helpful?

Still have a question?

Contact Us