figma ai可自动生成语义化切图名并同步至导出文件名：先批量ai重命名图层，再在导出设置中用{name}占位符绑定名称，支持手动配置或插件批量处理。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
如果您在Figma中导出切图时发现生成的文件名仍为“Slice 1”“Frame 23”等无意义编号，导致开发侧难以识别资源用途，则可能是AI未介入命名流程或导出设置未与语义化命名联动。以下是让Figma AI自动生成可读性强、结构清晰的切图名称，并使其直接反映在导出文件名中的具体操作路径：
一、启用Figma原生AI智能重命名功能
Figma内置AI能基于图层视觉内容、位置关系及常见UI模式自动推断组件语义，生成符合「功能+类型+状态」结构的图层名，该名称将同步作为导出文件默认前缀。该步骤是后续导出命名生效的前提。
1、在图层面板中按住Ctrl（Windows）或Cmd（Mac），批量选中所有需语义化命名的切片（Slice）、Frame或组件实例。
2、右键点击任意选中项，在上下文菜单中选择“Rename with AI”（部分版本显示为“AI Rename Layers”）。
3、等待AI分析完成（通常1–3秒），图层名称自动更新为类似“Primary Button Hover State”、“Profile Avatar Circle”等可读名称。
4、确认图层列表中已无“Slice 12”“Group 7”类残留命名；若存在未被重命名的嵌套子图层，需单独选中并再次触发AI重命名。
二、将AI生成名称映射至导出文件名
Figma默认导出时使用图层原始名称作为文件名基础，因此必须确保导出设置主动读取并继承AI重命名后的结果。此过程无需插件，依赖属性面板中的命名绑定机制。
1、选中任一已完成AI重命名的切片或Frame。
2、在右侧属性面板底部“Export”区域，点击“+”添加导出预设。
3、在新增的导出条目中，点击格式下拉框右侧的“Edit filename”链接（图标为铅笔）。
4、在弹出的编辑框中，删除默认内容，输入{name}——该占位符将自动替换为当前图层AI生成的语义化名称。
5、如需添加后缀或缩放标识，可扩展为：{name}@2x.png 或 assets/{name}.webp。
三、批量应用语义化导出命名规则
当项目含数十个切图时，逐一手动配置效率低下。可通过图层选择逻辑与导出面板联动，一次性将AI命名规则覆盖全部目标图层，避免遗漏。
1、在图层面板顶部点击页面名称旁的展开箭头，展开当前页面所有画板与切片。
2、按住Shift键选中首尾两个AI已重命名的切片，或按住Ctrl/Cmd键框选全部目标切片。
3、右键任意选中项，选择“Export selection”，此时右侧“Export”区域将显示多条导出条目。
4、点击任意一条导出条目右侧的“Edit filename”，统一输入{name}@1x.png。
5、关闭编辑框，所有已选切片的导出文件名将实时同步更新为AI生成名加@1x后缀。
四、使用“Semantic Slice Export”社区插件强化命名一致性
原生功能对跨页面、深层嵌套图层或非切片类导出目标支持有限。该插件可扫描全文件所有启用导出的图层，强制注入AI语义名，并按预设规则生成带路径层级的文件结构。
1、点击Figma左上角“Resources” → “Plugins” → 搜索“Semantic Slice Export”，安装并启用。
2、返回设计文件，点击顶部工具栏“Plugins” → “Semantic Slice Export” → “Run plugin”。
3、插件启动后自动识别所有已启用导出的图层，跳过未AI重命名者，并提示“Found 12 layers without semantic names — skip or force AI rename?”。
4、勾选“Auto-rename unnamed layers before export”，点击“Proceed”。
5、在导出配置界面中，设定根目录为“src/assets/icons”，启用“Preserve folder hierarchy from Figma page structure”选项。
