figma_variables
Manage Figma variables: list, create, set values, bind to design properties, and export as CSS custom properties or Tailwind theme colors.
Instructions
Figma Variables CRUD + binding via the plugin. sub-ops: 'listCollections', 'list' (optionally filter by name), 'createCollection' {name}, 'create' {name, collection, type: COLOR|FLOAT|STRING|BOOLEAN, value}, 'setValue' {variableId, value, modeId?}, 'bind' {variable (id or name), field: fill|stroke|cornerRadius|itemSpacing|paddingTop|…, nodeIds?/selection}, 'exportCss' / 'exportTailwind' {collection?} (CSS custom properties / Tailwind theme.colors from the file's variables). Colors accept hex/rgb()/hsl().
Input Schema
| Name | Required | Description | Default |
|---|---|---|---|
| sub | Yes | ||
| name | No | ||
| type | No | ||
| field | No | ||
| value | No | ||
| modeId | No | ||
| nodeId | No | ||
| nodeIds | No | ||
| variable | No | ||
| collection | No | ||
| variableId | No |