Skip to main content
Glama

Talk to Figma MCP

by yhc984

create_frame

Generate and customize frames in Figma by specifying position, size, name, fill/stroke colors, auto-layout settings, and padding. Easily integrate frames into existing designs by providing a parent node ID.

Instructions

Create a new frame in Figma

Input Schema

NameRequiredDescriptionDefault
counterAxisAlignItemsNoCounter axis alignment for auto-layout frame
fillColorNoFill color in RGBA format
heightYesHeight of the frame
itemSpacingNoDistance between children in auto-layout frame. Note: This value will be ignored if primaryAxisAlignItems is set to SPACE_BETWEEN.
layoutModeNoAuto-layout mode for the frame
layoutSizingHorizontalNoHorizontal sizing mode for auto-layout frame
layoutSizingVerticalNoVertical sizing mode for auto-layout frame
layoutWrapNoWhether the auto-layout frame wraps its children
nameNoOptional name for the frame
paddingBottomNoBottom padding for auto-layout frame
paddingLeftNoLeft padding for auto-layout frame
paddingRightNoRight padding for auto-layout frame
paddingTopNoTop padding for auto-layout frame
parentIdNoOptional parent node ID to append the frame to
primaryAxisAlignItemsNoPrimary axis alignment for auto-layout frame. Note: When set to SPACE_BETWEEN, itemSpacing will be ignored as children will be evenly spaced.
strokeColorNoStroke color in RGBA format
strokeWeightNoStroke weight
widthYesWidth of the frame
xYesX position
yYesY position

Input Schema (JSON Schema)

{ "$schema": "http://json-schema.org/draft-07/schema#", "additionalProperties": false, "properties": { "counterAxisAlignItems": { "description": "Counter axis alignment for auto-layout frame", "enum": [ "MIN", "MAX", "CENTER", "BASELINE" ], "type": "string" }, "fillColor": { "additionalProperties": false, "description": "Fill color in RGBA format", "properties": { "a": { "description": "Alpha component (0-1)", "maximum": 1, "minimum": 0, "type": "number" }, "b": { "description": "Blue component (0-1)", "maximum": 1, "minimum": 0, "type": "number" }, "g": { "description": "Green component (0-1)", "maximum": 1, "minimum": 0, "type": "number" }, "r": { "description": "Red component (0-1)", "maximum": 1, "minimum": 0, "type": "number" } }, "required": [ "r", "g", "b" ], "type": "object" }, "height": { "description": "Height of the frame", "type": "number" }, "itemSpacing": { "description": "Distance between children in auto-layout frame. Note: This value will be ignored if primaryAxisAlignItems is set to SPACE_BETWEEN.", "type": "number" }, "layoutMode": { "description": "Auto-layout mode for the frame", "enum": [ "NONE", "HORIZONTAL", "VERTICAL" ], "type": "string" }, "layoutSizingHorizontal": { "description": "Horizontal sizing mode for auto-layout frame", "enum": [ "FIXED", "HUG", "FILL" ], "type": "string" }, "layoutSizingVertical": { "description": "Vertical sizing mode for auto-layout frame", "enum": [ "FIXED", "HUG", "FILL" ], "type": "string" }, "layoutWrap": { "description": "Whether the auto-layout frame wraps its children", "enum": [ "NO_WRAP", "WRAP" ], "type": "string" }, "name": { "description": "Optional name for the frame", "type": "string" }, "paddingBottom": { "description": "Bottom padding for auto-layout frame", "type": "number" }, "paddingLeft": { "description": "Left padding for auto-layout frame", "type": "number" }, "paddingRight": { "description": "Right padding for auto-layout frame", "type": "number" }, "paddingTop": { "description": "Top padding for auto-layout frame", "type": "number" }, "parentId": { "description": "Optional parent node ID to append the frame to", "type": "string" }, "primaryAxisAlignItems": { "description": "Primary axis alignment for auto-layout frame. Note: When set to SPACE_BETWEEN, itemSpacing will be ignored as children will be evenly spaced.", "enum": [ "MIN", "MAX", "CENTER", "SPACE_BETWEEN" ], "type": "string" }, "strokeColor": { "additionalProperties": false, "description": "Stroke color in RGBA format", "properties": { "a": { "description": "Alpha component (0-1)", "maximum": 1, "minimum": 0, "type": "number" }, "b": { "description": "Blue component (0-1)", "maximum": 1, "minimum": 0, "type": "number" }, "g": { "description": "Green component (0-1)", "maximum": 1, "minimum": 0, "type": "number" }, "r": { "description": "Red component (0-1)", "maximum": 1, "minimum": 0, "type": "number" } }, "required": [ "r", "g", "b" ], "type": "object" }, "strokeWeight": { "description": "Stroke weight", "exclusiveMinimum": 0, "type": "number" }, "width": { "description": "Width of the frame", "type": "number" }, "x": { "description": "X position", "type": "number" }, "y": { "description": "Y position", "type": "number" } }, "required": [ "x", "y", "width", "height" ], "type": "object" }

MCP directory API

We provide all the information about MCP servers via our MCP API.

curl -X GET 'https://glama.ai/api/mcp/v1/servers/yhc984/cursor-talk-to-figma-mcp-main'

If you have feedback or need assistance with the MCP directory API, please join our Discord server