设计与原型

让编程 Agent 在 Figma 里摆布局,但不要覆盖已有页面

场景

你已经有设计系统或组件,希望 Agent 按简报在 Figma 里生成新的框架和布局,现有页面必须保持不动,生成后再由设计师收一遍。

用到的工具

Claude CodeFigma国内可复现证据等级: 二手转述 / 目录收录

怎么做

  1. 只授予必要的 Figma 权限,指定一个新文件或新页面作为工作区,明确禁止改动已有页面。
  2. 提供简报、组件库或设计系统要点,让它先说明准备生成哪些框架。
  3. 生成后由设计师检查间距、层级和文案,再决定是否合并。
  4. 不要把未审核的自动布局直接当作成品发布。

可复制提示词

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 权限。