让编程 Agent 在 Figma 里摆布局,但不要覆盖已有页面
场景
你已经有设计系统或组件,希望 Agent 按简报在 Figma 里生成新的框架和布局,现有页面必须保持不动,生成后再由设计师收一遍。
用到的工具
怎么做
- 只授予必要的 Figma 权限,指定一个新文件或新页面作为工作区,明确禁止改动已有页面。
- 提供简报、组件库或设计系统要点,让它先说明准备生成哪些框架。
- 生成后由设计师检查间距、层级和文案,再决定是否合并。
- 不要把未审核的自动布局直接当作成品发布。
可复制提示词
In Figma, create new frames for [brief] using the components I have pointed you to. Work only in [new file or page]. Do not edit or overwrite existing pages. First outline the frames you will create, then build them, and stop so I can review spacing, hierarchy, and copy.
本站按常见做法改写,方便直接试用,不是别处的逐字摘录。 说明:指定简报和新的工作页面,禁止改已有页面,生成后停下来供人检查。
注意事项
公开讨论把它作为可让 Agent 写布局的工具,本站未复测。需要 Figma 权限。间距和层级往往还要设计师再收。禁止覆盖已有页面。国内一般可复现,取决于 Figma 与编程 Agent 是否可用。
需 Claude Code 或同类编程 Agent,以及可用的 Figma 权限。