> This page is for Designer API.

> For clean Markdown of any page, append .md to the page URL.
> For a complete documentation index, see https://developers.webflow.com/llms.txt.
> For AI client integration (Claude Code, Cursor, etc.), connect to the MCP server at https://developers.webflow.com/_mcp/server.

# Create number variable

> Create a number variable with a name and value for the variable.

## `collection.createNumberVariable(name, value)`

Create a number variable with a name and value for the variable.

### Syntax

```typescript
collection.createNumberVariable(
  name: string,
  value: number | {{VARIABLE_REFERENCE}} | {{CUSTOM_VALUE}},
  options?: {
    mode?: {{VARIABLE_MODE}}
  }
): Promise<NumberVariable>
```

### Parameters

* **name** : *string* - Name of the variable
* **value**: *number* | *NumberVariable* | [*CustomValue*](/designer/reference/variables-detail-overview#custom-values) - Value of the variable.
* **options**: *object* - Optional parameters for the variable.
  * **mode**: *VariableMode* - The [variable mode](/designer/reference/variable-modes) object. Get the variable mode by using the [`collection.getVariableModeByName()`](/designer/reference/get-variable-mode-by-name) method.

### Returns

**Promise\<*NumberVariable*>**

A Promise that resolves to a NumberVariable object.

### Example

```typescript
// Get Collection
const collection = await webflow.getDefaultVariableCollection()

// Create Number Variable of 50
const myNumberVariable = await collection?.createNumberVariable("small", 50)
console.log(myNumberVariable)

// Create a Number Variable with a Custom Value
const myCustomNumberVariable = await collection?.createNumberVariable("h1-font-size", {
  type: "custom",
  value: "clamp(1, 2, 2)",
})
console.log(myCustomNumberVariable)

```

[Try this example](https://webflow.com/oauth/authorize?response_type=code\&client_id=19511de1ec410f9228d8dcbc9420e67916dea80d86d18f0c9a533eb475ea0f62)

### Designer Ability

| Designer Ability       | Locale | Branch | Workflow | Sitemode |
| :--------------------- | :----- | :----- | :------- | :------- |
| **canModifyVariables** | Any    | Main   | Canvas   | Design   |