# Figma AI 生成插件：同时产出紧凑、标准、宽松三种密度

让一次生成的Figma插件按同一组间距Token创建三种密度变体，重复运行时更新而不叠加。

## 练习边界

本包没有调用收费平台或登录账号。官方图片仅作署名的教学功能示例；作者原生文件、合成声音和imagegen参考均按身份标明，不是目标平台实测结果。

## 七步操作

1. **准备基准列表**

   在Figma建立含三条条目、图标和按钮的列表组件，记录间距Token。作者练习稿保留宽松、标准、紧凑三种目标。

2. **描述插件输入输出**

   向Figma agent说明插件只处理选中的列表，生成三种密度变体；要求复用原有样式、组件和变量。

3. **生成并读权限**

   让agent生成插件，检查它会修改哪些选中节点。不要给无关页面批量改色或删除图层的权限范围。

4. **先在副本上运行**

   复制基准Frame后运行插件，查看三种密度是否只改变行高与间距。文字、图标和按钮顺序必须保留。

5. **补稳定标识**

   若重复运行生成另一套同名节点，让agent改为按稳定标识查找并更新已有变体；同一输入再次运行不应叠成六份。

6. **检查约束与Token**

   缩窄Frame，检查长标题换行、按钮与图标约束。将硬编码间距改为指定Token，再运行一次确认一致。

7. **保存可复用版本**

   保存插件源码、请求和版本说明；交付三种变体截图。页面作者参考没有替代Figma中真实运行与权限审阅。

## 文件

- README.md
- agent-prompt.txt
- asset-identity.json
- compact.png
- density.html
- input.png
- native-idempotence-check.json
- official.png
- operation-plan.json
- tokens.json

## 配图身份

- input.png：作者原生三密度列表设计，三版保留同一标题、图标和按钮。
- official.png：Figma官方Density Variants生成插件示例界面。
- compact.png：作者实际紧凑列表局部，使用既定行高与间距Token。

## 官方来源

- [Generate plugins with the Figma agent](https://help.figma.com/hc/en-us/articles/43028920030743-Generate-plugins-with-the-Figma-agent)