Genable
以下摘录自该仓库的 README(片段) · 在 GitHub 读完整 README →
**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.
- **Plan the direction** — Make audience, content, hierarchy, brand, mood,
typography, density, and rhythm part of the brief.
- **Build native structure** — Create and edit frames, Auto Layout, vectors,
text, components, variables, and pages instead of returning one flat image.
- **Check the work** — Inspect structure, read back writes, and use screenshots
for visual verification when useful.
- **Keep refining** — Continue the conversation with the current canvas in
context; every generated layer remains available to edit in Figma.
---
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.
| Protocol | Typical connections |
|---|---|
| **OpenAI-compatible** | OpenAI, OpenRouter, Moonshot, DeepSeek, DashScope, compatible endpoints |
| **Anthropic-compatible** | Anthropic and compatible endpoints |
| **Gemini** | Google AI Studio |
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
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
conversation.
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.
Keep the Genable plugin running in Figma desktop, then ask your client to list
the pages in the current file. See the current package docs
for client-specific setup and the live tool schema.
---
Example briefs