create_frame
Create frames with auto-layout and design-intelligent defaults. Define size, padding, gap, background, corner radius, and alignment for screens, sections, cards, or containers.
Instructions
Create a frame (screen, section, card, container). Automatically applies auto-layout with design-intelligent defaults.
Input Schema
| Name | Required | Description | Default |
|---|---|---|---|
| name | Yes | Frame name (semantic: "Hero Section", "Card", "Sidebar") | |
| width | No | Width in pixels. Omit for hug-contents. | |
| height | No | Height in pixels. Omit for hug-contents. | |
| direction | No | Layout direction (default: VERTICAL) | |
| padding | No | Equal padding all sides (8px grid snapped) | |
| paddingTop | No | Top padding | |
| paddingRight | No | Right padding | |
| paddingBottom | No | Bottom padding | |
| paddingLeft | No | Left padding | |
| gap | No | Space between children (8px grid) | |
| fill | No | Background color hex | |
| cornerRadius | No | Corner radius | |
| primaryAxisAlignItems | No | Main axis alignment | |
| counterAxisAlignItems | No | Cross axis alignment | |
| primaryAxisSizingMode | No | Main axis sizing | |
| counterAxisSizingMode | No | Cross axis sizing | |
| parentId | No | Parent node ID to nest inside | |
| x | No | X position on canvas | |
| y | No | Y position on canvas |