Set variable value

variable.set(value, options?)

Set the value of the selected variable.

General Syntax

1
variable.set(value: VariableValue | Variable, options?: {mode: VariableMode});

Parameters

• value: VariableValue | Variable - The value for the variable. The value of the variable must match the variable type. (i.e A color variable must be a color value, and a size variable must be a size value)
  

  Color

  Size

  Number & Percentage

  FontFamily

  Accepted Formats for Value	Examples
  Color name	variable.set("red");
  RGB Hex	variable.set("#ffcc11");
  RGBA Hex	variable.set("#fffcc11");

• options: {mode: VariableMode} - An optional parameter to set the mode value of the variable.

Returns

Promise<null>

A Promise that resolves to null

Example

1
// Get Collection
2
const collection = await webflow.getDefaultVariableCollection()
3
4
// Get Variable
5
const variable = await collection?.getVariableByName("MyColorVariable")
6
7
// Check Variable type and set color
8
if (variable?.type === "Color") await variable.set("#fffcc11");

Designer Ability