Artboards & Vector Canvas · MCP Tool
set_auto_layout
Configures Auto Layout (linear flex) on a Frame: direction, spacing, padding. Children reflow in the editor/renderer.
Tool Overview & Agent Execution
set_auto_layout is an official Exode MCP tool that allows AI coding assistants like Claude Code, Cursor, and Windsurf to configures auto layout (linear flex) on a frame: direction, spacing, padding. children reflow in the editor/renderer.. It directly inspects and modifies local .exode JSON files with precision without manual UI tweaking.
Example Prompt for Claude Code & Cursor
Give this instruction to your AI coding agent to execute this tool on your active .exode workspace:
prompt
"Use set_auto_layout to configure the motion properties in my active .exode workspace"Tool Parameters & Input Schema
| Parameter | Type | Required | Description |
|---|---|---|---|
| direction | string | Optional | The direction parameter for set_auto_layout. |
| frameId | string | Yes | The frameId parameter for set_auto_layout. |
| mode | string | Optional | The mode parameter for set_auto_layout. |
| padding | object | Optional | The padding parameter for set_auto_layout. |
| path | string | Yes | The path parameter for set_auto_layout. |
| spacing | number | Optional | The spacing parameter for set_auto_layout. |
More Artboards & Vector Canvas Tools
add_mask
Adds a mask layer config to a target object (editor multi-mask format). Supports alpha/luma masks, inverted masks, feather, opacity, and blend mode.
add_object
Appends a new object (Shape, Frame, Text, etc.) to an artboard. Defaults position to artboard center if omitted or (0,0).
add_screen
Adds a screen to a project (a single-artboard file becomes multi-screen). Blank screens match the active screen's size/background and get an onLoad animation in an entry state, like the editor's; or pass duplicateFrom to copy an existing screen. Wire navigation with add_object_interaction action 'Navigate Artboard'.
add_shadow
Adds a drop shadow or inner shadow to an object.
Build & Review Motion Visually
Let Claude or Cursor run set_auto_layout, then fine-tune timing, spring physics, and export ready-to-ship code in ExodeUI.