set_auto_layout
Configure flexbox-style auto-layout
How to use it
set_auto_layout is exposed by the Figsor MCP server. Add the server to your MCP client (Claude Desktop, Cursor, Windsurf and others), and the set_auto_layout tool becomes available to the model automatically. See the full listing for setup details and every tool this server provides.
Install Figsor
claude mcp add --transport stdio --scope project figsor -- npx -y figsorOther tools in Figsor (39)
Bind a token to a node property
Union, subtract, intersect, or exclude shapes
Create a new main component
Use existing components
Combine components into a variant set
Create circles and ovals
Create frames (screens, sections, cards)
Create lines and dividers
Create rectangles and shapes
Create icons and vector graphics from SVG
Add text with font, size, weight, color
Create a COLOR, FLOAT, STRING, or BOOLEAN token
Create a design token collection with modes
Draw custom shapes with the pen tool
Remove elements
Convert instances to frames
Export any node as SVG markup
Search for elements by name or type
Flatten nodes into a single editable vector
Read the file's design tokens
Get the full page tree
Read the current selection
List all variable collections and tokens
Discover available fonts
Browse available components
Edit any existing element
Restructure the layer hierarchy
Generate SVG graphics from text prompts
Convert raster images to clean SVG
Inspect any node's properties
Set responsive constraints
Add shadows and blur effects
Apply solid colors, linear/radial/angular/diamond gradients, multiple fills
Place image fills on nodes
Select and zoom to elements
Add borders and strokes
Live animated SVG previews + ZIP download
Spawn AI designer agents with visible cursors
Apply mixed styling within text