create_frame

Generate one or more frame nodes in Figma documents with precise positioning, dimensions, and customizable properties like corner radius, fill, and stroke color. Supports single or multiple configurations for efficient design workflows.

Instructions

Creates one or more frame nodes in the specified Figma document. Accepts either a single frame config (via 'frame') or an array of configs (via 'frames'). Optionally, you can provide a name, a parent node ID, fill color, stroke color, stroke weight, and corner radius.

Corner radius can be:

A single number for uniform corners (e.g., 8)
An array of 4 numbers for individual corners [topLeft, topRight, bottomRight, bottomLeft] (e.g., [8, 8, 0, 0])

Returns:

content: Array of objects. Each object contains a type: "text" and a text field with the created frame node ID(s).

Input Schema

Name	Required	Description	Default
`frame`	No	A single frame configuration object. Each object should include coordinates, dimensions, and optional properties for a frame including corner radius.
`frames`	No	An array of frame configuration objects. Each object should include coordinates, dimensions, and optional properties for a frame including corner radius.

Input Schema (JSON Schema)

{
  "$schema": "http://json-schema.org/draft-07/schema#",
  "additionalProperties": false,
  "properties": {
    "frame": {
      "additionalProperties": false,
      "description": "A single frame configuration object. Each object should include coordinates, dimensions, and optional properties for a frame including corner radius.",
      "properties": {
        "cornerRadius": {
          "anyOf": [
            {
              "description": "Uniform corner radius for all corners. Example: 8",
              "minimum": 0,
              "type": "number"
            },
            {
              "description": "Individual corner radii [topLeft, topRight, bottomRight, bottomLeft]. Example: [8, 8, 0, 0]",
              "items": {
                "minimum": 0,
                "type": "number"
              },
              "maxItems": 4,
              "minItems": 4,
              "type": "array"
            }
          ],
          "description": "Corner radius configuration. Use a single number for uniform corners or array of 4 numbers for individual corner control."
        },
        "fillColor": {
          "description": "Fill color for the frame."
        },
        "height": {
          "description": "Height in pixels. Example: 300",
          "type": "number"
        },
        "name": {
          "description": "Name for the frame node. Example: 'Main Frame'",
          "type": "string"
        },
        "parentId": {
          "description": "Figma node ID of the parent.",
          "type": "string"
        },
        "strokeColor": {
          "description": "Stroke color for the frame."
        },
        "strokeWeight": {
          "description": "Stroke weight for the frame.",
          "type": "number"
        },
        "width": {
          "description": "Width in pixels. Example: 400",
          "type": "number"
        },
        "x": {
          "description": "X coordinate for the top-left corner. Example: 50",
          "type": "number"
        },
        "y": {
          "description": "Y coordinate for the top-left corner. Example: 100",
          "type": "number"
        }
      },
      "required": [
        "x",
        "y",
        "width",
        "height"
      ],
      "type": "object"
    },
    "frames": {
      "description": "An array of frame configuration objects. Each object should include coordinates, dimensions, and optional properties for a frame including corner radius.",
      "items": {
        "additionalProperties": false,
        "properties": {
          "cornerRadius": {
            "$ref": "#/properties/frame/properties/cornerRadius"
          },
          "fillColor": {
            "$ref": "#/properties/frame/properties/fillColor"
          },
          "height": {
            "$ref": "#/properties/frame/properties/height"
          },
          "name": {
            "$ref": "#/properties/frame/properties/name"
          },
          "parentId": {
            "$ref": "#/properties/frame/properties/parentId"
          },
          "strokeColor": {
            "$ref": "#/properties/frame/properties/strokeColor"
          },
          "strokeWeight": {
            "$ref": "#/properties/frame/properties/strokeWeight"
          },
          "width": {
            "$ref": "#/properties/frame/properties/width"
          },
          "x": {
            "$ref": "#/properties/frame/properties/x"
          },
          "y": {
            "$ref": "#/properties/frame/properties/y"
          }
        },
        "required": [
          "x",
          "y",
          "width",
          "height"
        ],
        "type": "object"
      },
      "type": "array"
    }
  },
  "type": "object"
}

Conduit

create_frame

Instructions

Input Schema

Input Schema (JSON Schema)

Other Tools from Conduit

Related Tools

MCP directory API