Genable
Hand off the design busywork. Detailed prompt in. Fully editable Figma layers out — components typed, variables bound, variants generated, pages laid out.

Why Genable
Most AI design tools ship a flat image or a templated mock. Genable is agentic — it plans, executes against Figma's scene graph through typed tools, and verifies its work. The output is real, editable Figma layers, not screenshots.
- Real layers — Frames with Auto Layout, real Text, real Components — not flattened images.
- Variables, not pasted hex — Color, typography, and spacing bound to variables with light and dark modes.
- Variants together — Light, dark, and brand-color themes generated in one pass, switchable in a click.
- Whole pages — Hero, pricing, features, FAQ laid out as proper sections — not a slab of nodes.
- Detailed prompts welcome — We don't sell prompt brevity. The more specific you are, the better the result.
What you can hand off

Three steps

Two surfaces, one engine
Use Genable as a Figma plugin (designers) or as the genable-mcp MCP server (Claude Code, Cursor, Cline, Continue, Zed, or any MCP-compatible agent). Same engine, same 41 tools.






