Skip to main content
Glama

Create frame

figma_create_frame
Idempotent

Create auto-layout frames for sections, rows, or cards, then add content inside via parentId. Frames hug their content or fill a parent column's width, using gap, padding, and alignment.

Instructions

A frame — the building block for structure. Build designs step by step: one frame per section, row or card, each with auto-layout (layout, gap, padding, alignX/alignY), then add content into it by parentId. An auto-layout frame hugs its content on any axis you give no size for; sizing: { horizontal: "fill" } makes it take its parent column's width. A wrapping row (wrap) spaces its rows by rowGap (default: the gap). Content is not clipped unless clipsContent: true. Name it for what it is. Editors: Design; unverified: FigJam, Slides.

Input Schema

TableJSON Schema
NameRequiredDescriptionDefault
xNo
yNo
gapNoSpace between items, px.
nameNoWhat it is, e.g. "Header", "Pricing card".
wrapNoWrap items onto new lines (horizontal layout only).
widthNoFixes the width. Omit to hug (auto-layout) — a plain frame defaults to 100.
alignXNoHorizontal alignment of the items.
alignYNoVertical alignment of the items. baseline (a row only) lines up text baselines, e.g. "$29 /mo".
heightNoFixes the height. Omit to hug (auto-layout).
layoutNoAuto-layout direction: horizontal = a row, vertical = a column.
rowGapNoSpace between wrapped rows, px. Needs wrap; default the gap.
sizingNoHow it sizes, as in Figma's panel: { "horizontal": "fill" } to take the parent column's width; "hug" fits content; "fixed" keeps the number.
paddingNoPadding: one number for all sides ("24"), or four comma-separated ("48,48,32,32") for top,right,bottom,left.
sessionNoOptional sessionId or file name, to pick a Figma file when more than one is connected.
parentIdNoDefaults to the current page (in Slides: the focused slide).
backgroundNoOmitted: transparent inside another frame, white directly on the page.
alignContentNoHow wrapped rows share the height. Needs wrap.
clipsContentNoClip children at the frame edge. Default false (shadows stay visible).
cornerRadiusNo
idempotencyKeyNoCaller-owned retry key, ≤128 chars. Re-calling with the same key never executes twice: it returns the existing result, or waits for the op still in flight. Supply your own for anything large — if the MCP client times out (rather than the bridge), only a key you chose can be used to retry safely.

Schema Changelog

Changes observed during successful MCP inspections.

  1. First observedv0.1.1

TDQS

A4/5.0
Behavior4/5

Does the description disclose side effects, auth requirements, rate limits, or destructive behavior?

Annotations already declare the mutation profile (readOnly=false, idempotent=true, destructive=false). The description adds real behavioral context beyond them: auto-layout hugging on unsized axes, sizing:fill inheriting parent column width, wrapping rowGap defaulting to gap, and content not clipped unless clipsContent is true. It is solid, though it does not cover return behavior or failure modes.

Agents need to know what a tool does to the world before calling it. Descriptions should go beyond structured annotations to explain consequences.

Conciseness4/5

Is the description appropriately sized, front-loaded, and free of redundancy?

Front-loaded with the core concept, then progressively details layout, sizing, wrapping, clipping, and naming. Dense but every sentence carries usable information; the editor-support clause is the least essential but still useful for scope-setting.

Shorter descriptions cost fewer tokens and are easier for agents to parse. Every sentence should earn its place.

Completeness4/5

Given the tool's complexity, does the description cover enough for an agent to succeed on first attempt?

For a 20-parameter mutation tool with nested objects and no output schema, the description covers the dominant workflows and defaults (sizing, wrap, clipping, background). Gaps remain around validation/error behavior and how it interacts with downstream styling tools, but the essential calling context is present.

Complex tools with many parameters or behaviors need more documentation. Simple tools need less. This dimension scales expectations accordingly.

Parameters4/5

Does the description clarify parameter syntax, constraints, interactions, or defaults beyond what the schema provides?

Schema coverage is high (85%), so the baseline is 3; the description earns above that by tying parameters together (layout/gap/padding/alignX/alignY for auto-layout, rowGap needing wrap and defaulting to gap, sizing:fill semantics). It adds cross-parameter meaning rather than merely restating individual field docs.

Input schemas describe structure but not intent. Descriptions should explain non-obvious parameter relationships and valid value ranges.

Purpose4/5

Does the description clearly state what the tool does and how it differs from similar tools?

States a specific verb+resource (create a frame) and explains its role as the structural building block, with concrete composition guidance ('one frame per section, row or card'). It does not explicitly distinguish itself from close siblings like figma_create_rectangle, figma_create_section, or figma_create_from_spec, so an agent still has to infer the boundary.

Agents choose between tools based on descriptions. A clear purpose with a specific verb and resource helps agents select the right tool.

Usage Guidelines4/5

Does the description explain when to use this tool, when not to, or what alternatives exist?

Gives clear context for use: build designs step by step, add content via parentId, and a note that editors are Design with FigJam/Slides unverified. It stops short of explicit when-not-to-use guidance or naming the alternative creation tools for plain shapes or sections.

Agents often have multiple tools that could apply. Explicit usage guidance like "use X instead of Y when Z" prevents misuse.

Deploy Server

Other Tools