必须建立figma ai图层命名规范:①绑定父级语义前缀强制继承;②预设母版容器固化命名骨架;③部署rules-figma实时拦截非法命名;④用ai layer organizer批量归类+语义重命名。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜

当你用Figma AI批量生成图层后,发现面板里全是“Group 23”“Rectangle 47”“Frame 108”,连自己都认不出哪个是登录按钮、哪个是用户头像,协作时开发反复截图问你“这个Layer_55到底对应什么状态”,说明AI命名已失控,必须立刻建立防混乱的规范设置路径。
绑定父级语义前缀强制继承
AI重命名若脱离容器上下文,会把同一图标在不同页面命名为完全无关的词。必须让子图层名称自动携带父Frame的业务含义,形成可追溯的层级链。
第一步:选中最外层Frame(如画布根Frame或主流程容器),双击右侧属性面板顶部名称栏,将其重命名为带斜杠分隔的语义结构,例如“Auth / Login Flow”或“Product / Detail Page”。
第二步:确保该Frame未被锁定且已启用Auto Layout,右键点击它 → 选择“Rename with AI”。
第三步:在弹出的AI提示框中,【必须输入明确指令】:“基于父Frame名称‘Auth / Login Flow’生成所有子图层名,格式为‘Auth_Login_{功能}--{状态}’,禁止省略前缀、禁止使用下划线以外的分隔符。”
第四步:点击Apply后,检查子图层是否全部以“Auth_Login_”开头;若出现漏项,说明该子图层未直接隶属于该Frame——需先拖入其下再重命名。
预设母版容器固化命名骨架
AI自由发挥容易漂移,但若给它一个带占位符的“名字模具”,它就会老老实实填空。这种方法特别适合按钮、卡片、表单等高频复用组件。
方法一:手动创建母版Frame
新建一个Frame,命名为“btn-{action}-Default-01”,内部放入文本图层并命名为“txt-label”,图标图层命名为“icon-main”。把这个Frame转为Component,AI后续生成变体时将自动沿用此命名逻辑并递增末尾编号。
方法二:用Rename It插件注入变量模板
选中一组待规范的按钮图层 → 右键启动Rename It → 在命名字段输入“btn-%L-Default-%N”,其中%L自动提取图层内文本内容(如“提交”→“submit”),%N为两位数序号(01, 02…)。勾选“Apply to children only”,避免误改父级名称。
部署rules-figma实时拦截非法命名
人工补救永远慢于机器拦截。rules-figma能在你按下Ctrl+S保存前,就扫描全文件并高亮所有不合规名称,真正实现“命名即合规”。
1、访问GitHub搜索saralobo/rules-figma,下载最新v2.4.1插件包,或在Figma社区安装官方认证版本。
2、在Figma文件根目录新建.figmarc.yml配置文件,粘贴以下规则:
rules:
layer-name-must-match-pattern: ^[a-z]+(_[a-z0-9]+)*$
no-consecutive-underscores: true
max-length: 48
3、保存后,在插件面板点击“Run Rules”,所有含空格、大写字母、连续下划线或超长的图层名立即标红,并显示修正建议,例如“Btn_Login_Hover”会被提示改为“btn_login_hover”。
4、【关键一步】开启CI/CD门禁:在Figma团队设置中启用“Block publish if rules fail”,这样任何成员提交不合规命名的文件,系统将直接拒绝交付。
用AI Layer Organizer批量归类+语义重命名
当AI生成的是大量图片、图标、截图类图层时,光靠改名不够,得先归堆再命名。AI Layer Organizer能识别像素密度、格式类型和视觉主体,比人眼快十倍。
① 启动插件:选中含图片图层的页面 → 按Ctrl+Shift+O(Win)或Cmd+Shift+O(Mac)。
② 选择扫描模式:勾选“Detect raster & SVG assets only”,点击Scan,等待3秒完成识别。
③ 批量分组:展开“Grouping Suggestions” → 勾选“By Image Type” → 点击Apply Groups,自动生成[IMG] Raster、[SVG] Icons、[SCRN] Captures三个顶层Group,所有图层按类型归位。
④ 执行AI语义重命名:切换至“Rename Rules”页 → 点击“Load AI-Powered Template” → 模板自动加载{Type}_{Subject}_{Resolution}结构,例如一张PNG头像图将被重命名为“IMG_UserAvatar_128x128”,而非“Image 22”。











