create_gradient_style
Generate gradient style variables in Figma with specified properties such as type, color stops, and opacity. Use this to define and manage custom gradient designs efficiently.
Instructions
Creates one or more gradient style variables in Figma.
Returns:
content: Array of objects. Each object contains a type: "text" and a text field with the created gradient(s) ID(s) or a summary.
Input Schema
| Name | Required | Description | Default |
|---|---|---|---|
| gradients | Yes | One or more gradient style definitions to create. Can be a single object or an array. |
Input Schema (JSON Schema)
{
"$schema": "http://json-schema.org/draft-07/schema#",
"additionalProperties": false,
"properties": {
"gradients": {
"anyOf": [
{
"additionalProperties": false,
"properties": {
"gradientType": {
"description": "Type of gradient: \"LINEAR\", \"RADIAL\", \"ANGULAR\", or \"DIAMOND\".",
"enum": [
"LINEAR",
"RADIAL",
"ANGULAR",
"DIAMOND"
],
"type": "string"
},
"mode": {
"description": "Optional. Gradient mode.",
"type": "string"
},
"name": {
"description": "Name for the gradient style. Must be a non-empty string up to 100 characters.",
"maxLength": 100,
"minLength": 1,
"type": "string"
},
"opacity": {
"description": "Optional. Opacity of the gradient (0-1).",
"maximum": 1,
"minimum": 0,
"type": "number"
},
"stops": {
"description": "Array of color stops. Each stop is an object with position and color. Must contain 2 to 10 stops.",
"items": {
"additionalProperties": false,
"properties": {
"color": {
"description": "RGBA color array (4 numbers, each 0-1).",
"items": [
{
"description": "Red channel (0-1)",
"maximum": 1,
"minimum": 0,
"type": "number"
},
{
"description": "Green channel (0-1)",
"maximum": 1,
"minimum": 0,
"type": "number"
},
{
"description": "Blue channel (0-1)",
"maximum": 1,
"minimum": 0,
"type": "number"
},
{
"description": "Alpha channel (0-1)",
"maximum": 1,
"minimum": 0,
"type": "number"
}
],
"maxItems": 4,
"minItems": 4,
"type": "array"
},
"position": {
"description": "Position of the stop (0-1).",
"maximum": 1,
"minimum": 0,
"type": "number"
}
},
"required": [
"position",
"color"
],
"type": "object"
},
"maxItems": 10,
"minItems": 2,
"type": "array"
},
"transformMatrix": {
"description": "Optional. Transform matrix for the gradient.",
"items": {
"items": {
"type": "number"
},
"type": "array"
},
"type": "array"
}
},
"required": [
"name",
"gradientType",
"stops"
],
"type": "object"
},
{
"items": {
"$ref": "#/properties/gradients/anyOf/0"
},
"maxItems": 20,
"minItems": 1,
"type": "array"
}
],
"description": "One or more gradient style definitions to create. Can be a single object or an array."
}
},
"required": [
"gradients"
],
"type": "object"
}