This topic provides information on Supported Variables in Figma .

The plugin supports predefined variables from the Oracle JET and OBDX framework. These variables are essential for maintaining consistency across the application and are defined in the OBDX Component Library Figma file. Users must use variables from this library for the plugin to recognize and process them correctly.

Types of Supported Variables

The plugin supports the following types of variables:

• Colours
• Spacing (including padding and gap)

How Variables Work

The plugin reads only the variable name, not its actual value. This ensures that the application theme, set by the admin, determines the final appearance.

For example:

• If a text element is assigned a colour variable brand-120, which defaults to deep lilac, the plugin will recognize brand-120 but not its colour value. The application’s theme will define the actual colour displayed.
• Similarly, for spacing and padding, the plugin identifies the variable names without interpreting their numerical values.

By following this approach, the plugin ensures design consistency while allowing flexibility through theme customization.