The AI product design agent that operates inside Figma. Describe a screen in natural language — Otter OS inspects your file, builds a plan, emits native editable content, critiques its output, and supports conversational iteration.
Experience how Otter OS parses prompts, plans component structure, executes atomic Design DSL ops, and self-repairs WCAG contrast.
The model never runs code against your document directly. It emits a JSON Design DSL validated by a sandbox runtime before deterministic execution.
Roots are built detached and attached only once the entire batch survives validation. A failure anywhere removes everything created — no half-built frames.
Every single node carries its DSL op_id and gen_id in plugin data. The critic and subsequent edits target exact nodes instead of guessing names.
Every generation records its node IDs and before-snapshots of any mutated property. Undo is always a clean, single-action rollback.
Checks WCAG contrast ratios (4.5:1 minimum), text clipping, overlapping absolute siblings, and auto-layout crowding. Emits deterministic fixes automatically.
Inspect the contract between reasoning and execution. It describes design intent, auto-layout modes, variable tokens, and component instances.
{
"op": "createFrame",
"id": "metric-card-1",
"name": "MRR Analytics Card",
"layout": { "mode": "VERTICAL", "gap": 16, "padding": 24 },
"fill": { "token": "surface/raised", "hex": "#18181b" },
"cornerRadius": { "token": "radius/lg", "value": 16 },
"children": [
{
"op": "createFrame",
"id": "header-row",
"layout": { "mode": "HORIZONTAL", "primaryAlign": "SPACE_BETWEEN" },
"children": [
{ "op": "text", "id": "lbl-mrr", "value": "Monthly Recurring Revenue", "style": "label/sm" },
{ "op": "instance", "id": "badge-delta", "component": "Badge/Positive", "overrides": { "Label": "+24.8%" } }
]
},
{ "op": "text", "id": "val-mrr", "value": "$128,450.00", "style": "display/lg" }
]
}
Run completely offline with deterministic fixtures, connect directly to LLM providers, or integrate your enterprise API backend.
Zero network calls. A deterministic reference agent runs the full plan → generate → critique loop using pre-built golden fixtures.
Connect directly to Anthropic, OpenAI, or Gemini. API keys are stored securely in figma.clientStorage and never saved in document files.
Route requests through your custom API layer for team authentication, rate limiting, centralized token keys, and telemetry logging.
Transparent plans designed for solo designers, agency freelancers, and enterprise design engineering teams.
Perfect for solo designers exploring AI workflows in Figma.
For professional designers building production Figma systems.
For design studios requiring backend security & custom rules.
surface/raised or radius/lg) automatically resolve to your native Figma variables with hex fallbacks.