可借助“rename it”等插件按x坐标从左到右批量重命名图层:先安装插件,再选中图层并设x轴升序排序,最后用“元素_{index:2}”模板生成带前缀的两位编号,确保命名与水平位置严格对应。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜

如果您在Figma中需要对多个图层进行系统化命名,且希望依据其在画布上的水平位置(X坐标)从左到右依次编号,则可借助第三方插件实现自动化排序与重命名。以下是通过坐标排序插件完成该操作的具体步骤:
一、安装并启动“Rename It”插件
“Rename It”是一款支持按坐标排序并批量重命名的Figma社区插件,具备X/Y轴排序逻辑及自定义命名模板功能。安装后可在插件面板中直接调用。
1、打开Figma桌面端或网页版,进入目标文件页面。
2、点击顶部菜单栏的Plugins → Search plugins,在搜索框中输入Rename It。
3、在搜索结果中找到插件,点击Install完成安装,随后点击Run启动。
二、选择图层并设置X轴升序排序
插件运行后会自动识别当前选中的图层,并允许用户指定排序依据。为实现从左到右命名,必须以X坐标为基准执行升序排列,确保左侧图层排在序列前端。
1、在画布中按住Shift键多选需重命名的所有图层(或使用Ctrl/Cmd + A全选画板内图层)。
2、再次运行Rename It插件,插件界面将显示所选图层数量及默认排序选项。
3、在排序设置区域,将Sort by下拉菜单设为X position,并将Order设为Ascending。
三、配置命名规则为连续数字编号
命名模板需体现顺序性,推荐使用纯数字加前缀的形式,例如“元素_01”“元素_02”,以确保名称清晰且符合从左到右的视觉逻辑。
1、在Rename It插件的Name pattern输入框中,输入模板:元素_{index:2}(其中{index:2}表示两位数编号,自动补零)。
2、确认勾选Apply to selected layers only,避免误操作影响其他图层。
3、点击Rename按钮执行批量重命名。
四、使用“Auto Layout Renamer”插件作为替代方案
若Rename It插件不可用或响应异常,可选用功能相近的“Auto Layout Renamer”,它同样支持基于坐标的位置感知命名,尤其适合横向排列的组件组。
1、在Plugins面板中搜索并安装Auto Layout Renamer。
2、选中目标图层后运行插件,在参数面板中将Direction设为Horizontal,并将Start from设为Left。
3、在命名格式字段中填写Item-{n},其中{n}将按X坐标由小到大生成递增整数。
五、手动验证命名顺序与坐标一致性
重命名完成后,需快速核对图层名称是否真实反映其X坐标顺序,防止因图层嵌套层级或变换矩阵导致插件误判。
1、在图层面板中右键任一图层,选择Show properties in Properties panel,查看X值。
2、按图层名称排序(如“元素_01”→“元素_02”),逐个比对对应图层的X坐标是否严格递增。
3、若发现顺序错位,检查是否存在Group嵌套过深或应用了Rotate/Scale变换,此类情况需先解组或重置变换再重新运行插件。











