Genable 是一款质量优先的 Figma AI UI 生成器,由 musepy 开发并开源。它的核心目标是把一份详细的设计简报转化为原生、可编辑的 Figma 结构,让用户能够检查和继续优化,而不是只返回一张扁平图片。
用途方面,Genable 定位为“有画布可操作的设计智能体”。它通过类型化设计操作,在 Figma 的场景图上运行智能体循环,能够规划构图、构建原生结构、检查结果,并在上下文中持续优化。
主要能力包括:
- 规划方向:将受众、内容、层级、品牌、氛围、字体、密度和节奏纳入简报。
- 构建原生结构:创建和编辑框架、Auto Layout、矢量、文本、组件、变量和页面,而非返回单张图片。
- 检查工作:检查结构、回读写入内容,并在需要时使用截图进行视觉验证。
- 持续优化:结合当前画布上下文继续对话,每个生成的图层仍可在 Figma 中编辑。
设计理念上,Genable 的设计指导会推动模型把构图、层级、字体、密度、节奏、表面和数据呈现视为相互关联的决策,而不是“换个强调色的卡片网格”。官方也说明,没有工具能保证品味,模型、素材和判断仍然重要;Genable 让意图保持明确、结果可检查,使优化留在工作流内。
模型选择方面,Figma 插件支持提供商预设和可配置的兼容端点,覆盖三类协议族。它会在首次运行前验证提供商,并允许之后切换模型,而不把页面硬编码到某个具体模型版本。提供商凭据存储在 Figma 客户端存储中;请求发送到用户配置的端点;某些预设可在浏览器网络限制需要时使用中继。提供商的计费和限制仍然适用。
使用方式有两种:
- 在 Figma 内使用插件:从 Figma Community 安装 Genable;在设置中添加受支持的提供商或兼容端点;详细描述设计,然后在对话中检查和优化原生图层。
- 从 MCP 客户端使用 genable-mcp:在 STDIO MCP 客户端中使用已配置的模型。genable-mcp 提供本地、由插件支持的桥接,用于创建、编辑、检查和视觉验证 Figma 设计;它不需要在 Genable 内再配置第二个模型 API 密钥。需保持 Genable 插件在 Figma 桌面版中运行,然后让客户端列出当前文件中的页面。客户端特定设置和实时工具模式请参见当前包文档。
适用场景可参考官方示例:SaaS 定价页(三档、月付/年付切换、突出 Pro 计划、深色模式、品牌色绑定到变量);分析仪表盘(侧边栏、带迷你图的 KPI 网格、紧凑持仓表、深色和浅色模式、平静的编辑式层级);移动端引导(三个屏幕,含进度、插画方向、命名类型比例、间距节奏和一个明确的主操作);落地页主视觉(先受众和价值主张、双 CTA、代码预览、Inter 字体、8pt 间距比例)。官方提醒这些应适配自己的产品,而非视为保证输出的配方。
限制与说明:Genable 由一位开发者维护,赞助用于支持开发时间、真实模型评估以及插件和 MCP 的持续改进。公开仓库材料和 genable-mcp 包采用 MIT 许可。Figma Community 插件免费;模型提供商的使用可能单独计费。