Figma ↔ 动态套件
创作者在 Figma 中设计的效果比在提示词中设计得更好。保持每个套件组件镜像为一个可编辑的画板，并让他们在那里进行编辑。
一次性设置
- 在其品牌文件中设置一个页面（例如“Claude - 可编辑”），每个套件版本对应一个部分（“动态套件 v1”、“Vlog 套件 v1”）。
- 每个组件对应一个画板，尺寸为视频帧大小，使用真实文案，每个图层都已命名。
- 颜色和字体样式绑定到变量（一个“Motion”集合：墨水色、纸色、强调/高亮色、灰色；字体大小和内边距作为数值），这样一次编辑即可更改颜色。
- 使用 Figma MCP（在写入文件前加载其
figma-use技能）。将文件密钥和页面记录在 CLAUDE.md 中。
当创作者说“我修改了画板”
- 读取每个已修改画板的图层：字体、字重、字号、行高、内边距、位置、使用的变量、圆角半径、描边。
- 将差异移植到组件和
brand.json中（先更新令牌，仅布局变更才修改组件代码）。 - 渲染相同组件的预览静态图，并与画板进行并排对比。
- 列出更改项（例如“标题 Light 120 → Regular 108，内边距 64 → 80，标签现在变为大写等宽”）。
当动态套件在代码中发生更改
（例如窄框布局、字幕安全区域）更新对应的画板，使两者永不脱节，或者告知创作者哪些画板现在已过时。
设计审美经验（请询问你的创作者，以下仅为示例）
大字号使用 Light/Regular，绝不使用 Heavy/Bold；使用等宽大写标签；80px 内边距；大量空白；每个元素一次平滑移动；不使用设备样机（它们作用不大）；优先使用文本覆盖和个人笔记。