Genable MCP server

Genable

Use your model. Keep the design.

Turn a detailed brief into native, editable Figma structure you can inspect and refine.

A design agent with a canvas to act on

Genable runs an agent loop against Figma's scene graph through typed design operations. It can plan a composition, build native structure, inspect the result, and continue refining it in context.

typography, density, and rhythm part of the brief.

• Plan the direction — Make audience, content, hierarchy, brand, mood,

text, components, variables, and pages instead of returning one flat image.

• Build native structure — Create and edit frames, Auto Layout, vectors,

for visual verification when useful.

• Check the work — Inspect structure, read back writes, and use screenshots

context; every generated layer remains available to edit in Figma.

• Keep refining — Continue the conversation with the current canvas in

A visual direction, not a preset shell

Generic output often begins with a generic brief. Genable's design guidance pushes the model to treat composition, hierarchy, typography, density, rhythm, surfaces, and data presentation as connected decisions—not as a card grid with a new accent color.

No tool can guarantee taste. The model, source material, and judgment still matter. Genable keeps intent explicit and the result inspectable so refinement stays inside the workflow.

Choose the model that fits the brief

The Figma plugin supports provider presets and configurable compatible endpoints across three protocol families. It validates the provider before the first run and lets you switch models later without hard-coding this page to a specific model version.

Provider credentials are stored in Figma client storage. Requests go to the endpoint you configure; some presets can use a relay when browser-network constraints require it. Provider billing and limits still apply.

One engine, two ways into Figma

Inside Figma: the plugin

conversation.

1. Install Genable from Figma Community.
2. Add a supported provider or compatible endpoint in Settings.
3. Describe the design in detail, then inspect and refine the native layers in

From an MCP client: genable-mcp

Use the model already configured in a STDIO MCP client. genable-mcp provides a local, plugin-backed bridge for creating, editing, inspecting, and visually verifying Figma designs; it does not require a second model API key inside Genable.

{
  "mcpServers": {
    "genable": {
      "command": "npx",
      "args": ["-y", "genable-mcp"]
    }
  }
}

Shortened. The full README is on GitHub.