Layout extracts design systems from Figma and live websites and serves them to AI coding agents via MCP.

When developers use Cursor, Claude Code, or Codex to build UI, the AI has no idea what the brand looks like. It guesses colours, picks random fonts, invents spacing. Teams spend hours fixing AI output to match their design system.

Layout fixes this. We extract your entire design system, every colour, font, spacing token, radius, shadow, and compile it into a structured context bundle (layout.md) that any AI agent can consume automatically. The AI doesn't guess your brand. It knows it.

Four products: Layout Studio (visual design system editor), Layout Context (CLI + MCP server with 13 tools), Layout Extension (Chrome, extract from any website), and Layout Figma (bidirectional sync with Figma).

Auto-configures for 7 AI agents: Claude Code, Cursor, Windsurf, GitHub Copilot, Codex CLI, Gemini CLI, and Antigravity.

Open source. MIT licensed. One command to set up. Zero change to how teams already work.

Layout

Org chart

Teams

Offices

Layout

Org chart

Teams

Offices

Related companies