figma_create_frame
Create an auto-layout frame for app shells, content containers, cards, rows, or columns. Control direction, gap, padding, sizing, alignment, fills, strokes, and corner radius using design system variables or direct values.
Instructions
Create an auto-layout frame. Use for application shells, content containers, cards, rows, columns.
Input Schema
TableJSON Schema
| Name | Required | Description | Default |
|---|---|---|---|
| name | Yes | Layer name | |
| parentNodeId | No | Append to this parent. Omit to place on current page. | |
| width | No | ||
| height | No | ||
| direction | No | Auto-layout direction. NONE = no auto-layout. | |
| gap | No | Gap between children. DS variable path (e.g., "spacing-3xl") preferred. Raw px number allowed in permissive mode only. | |
| gapVariable | No | DS spacing variable path for gap (e.g., "Spacing/spacing-3xl"). Bound via setBoundVariable. Preferred over raw gap number. | |
| padding | No | Uniform padding. DS variable path preferred. Raw px allowed in permissive mode only. | |
| paddingVariable | No | DS spacing variable path for uniform padding. Bound to all 4 sides via setBoundVariable. | |
| paddingTop | No | ||
| paddingRight | No | ||
| paddingBottom | No | ||
| paddingLeft | No | ||
| primaryAxisSizingMode | No | AUTO = hug contents along primary axis. Defaults to FIXED when width+height are set. | |
| counterAxisSizingMode | No | AUTO = hug contents along counter axis. | |
| primaryAxisAlignItems | No | ||
| counterAxisAlignItems | No | ||
| fillVariable | No | Design token variable path for background fill, e.g. "Colors/Background/bg-primary". | |
| fillHex | No | Fallback hex color if fillVariable is not available. | |
| fillNone | No | Set true for no fill (transparent). | |
| strokeVariable | No | Variable path for border color. | |
| strokeHex | No | Fallback hex for border color. | |
| strokeWidth | No | Border width in px. | |
| cornerRadius | No | Corner radius. DS variable path (e.g., "radius-xl") preferred. Raw px allowed in permissive mode only. | |
| cornerRadiusVariable | No | DS radius variable path (e.g., "Radius/radius-xl"). Bound via setBoundVariable. Preferred over raw cornerRadius number. | |
| clipsContent | No | ||
| layoutGrow | No | 1 = fill remaining space in parent. | |
| layoutAlign | No | ||
| x | No | ||
| y | No |