Illustrator 批量替换脚本 replaceItems.jsx 上手记500 个图标从三小时熬到一分钟【免费下载链接】illustrator-scriptsAdobe Illustrator scripts项目地址: https://gitcode.com/gh_mirrors/il/illustrator-scripts周五 18:40设计师小林盯着屏幕上 300 多个待替换的界面图标叹了口气。客户要求一小时内把整套 UI 的图标换成新版不然上线就得延后。这种活儿她干过不止一次选中、复制、粘贴、对齐、调尺寸一个图标折腾 20 秒一套下来三小时打底。直到她翻到开源合集 illustrator-scripts 里的 Illustrator 批量替换脚本 replaceItems.jsx——那天她准时下了班。如果你也经历过替换几百个元素却不敢喝水怕手一抖前功尽弃的夜晚这篇指南就是写给你的。先看结果三组数字把效率摆在桌面上空口说快没意义我们先看一组来自真实使用场景的粗略对比不同机器与文档规模会有浮动但量级不会骗人任务规模手动操作用 replaceItems.jsx节省时间100 个图标统一换新版约 50 分钟1 分钟内约 98%500 个组件实例换样式3~4 小时3~5 分钟约 97%多语言版本文字框架替换每版约 2 小时每版约 5 分钟约 95%脚本本质是把你一个一个做的动作变成一次说清规则机器替你循环。人只负责定义规则剩下的重复交给代码。为什么手动替换又慢又容易翻车手动替换的坑根本原因只有一个人脑不擅长处理大规模的一致性问题。具体表现有四尺寸对不齐原图标 24px新图标 32px你得逐个算缩放比例稍一走神就忽大忽小。位置偏移粘贴后总是差那么几个像素尤其符号Symbol对象注册点一错整个版面歪掉。颜色丢失新对象带着自己的填充色进来和原稿的配色体系格格不入。没有后悔药覆盖式操作改到一半想回退只能靠 CtrlZ 一次一次退。这四点恰好就是 replaceItems.jsx 每个勾选框背后要解决的事。新手最快上手路径三步跑通先别研究原理最快跑通一次再说。安装把replaceItems.jsx放进 Illustrator 的 Scripts 目录Windows 一般位于Adobe Illustrator [版本号]\Presets\zh_CN\Scripts\macOS 位于Presets.localized/zh_CN/Scripts重启软件。如果你想一次装好整个合集可以 clone 整个仓库git clone https://gitcode.com/gh_mirrors/il/illustrator-scripts准备在画布里选中所有要被替换掉的目标对象再准备一个新对象——可以复制到剪贴板也可以让它在图层里处于最上层还可以把它编成一组。运行菜单文件 → 脚本 → replaceItems.jsx弹窗里选一种替换模式点 OK看着进度条走完。第一次跑通大概 3 分钟之后每次只用 30 秒。关闭弹窗时脚本还会把选项存成 JSON存放在文档/LA_AI_Scripts/下下次打开自动恢复上次配置不用反复重设。原理深挖四种替换模式 两处硬核细节四种模式对应四种工作场景弹窗第一栏What to replace?就是替换策略的核心源码里四个单选按钮一目了然var bufferRadio panel.add(radiobutton, undefined, Object in buffer), // 用剪贴板里的对象 currentRadio panel.add(radiobutton, undefined, Top object), // 用图层最顶部的对象 groupSuccessively panel.add(radiobutton, undefined, All in group (successively)), // 按顺序用组内对象 randomRadio panel.add(radiobutton, undefined, All in group (random)); // 随机用组内对象剪贴板模式把新对象复制一份到剪贴板脚本粘贴它作为替换源适合跨文档替换甚至可以从别的文件复制素材过来用。顶部对象模式以当前选中里最顶部的对象为模板批量替换其余选中项是统一换新最常用的姿势。组内顺序替换源对象是一整组按排列顺序依次匹配目标适合保持层级关系、像流水线一样逐个替换。组内随机替换从组里随机抽对象配合随机旋转和百分比参数可以做出每一处都不太一样的自然纹理。细节一尺寸自适应不是简单的等比缩放被替换对象的宽高比例往往和新对象不一致直接套尺寸会把对象拉伸变形。脚本先判断目标的长边是宽还是高再按这个维度等比缩放另一条边跟着比例走var __size (item.height item.width ? item.width : item.height) * __ratio, precent __size * 100 / node[__fn] / 100; if (fitInSizeCheckbox.value) { node[__fn] __size; // 长边对齐目标尺寸 node[__fnReverse] * precent; // 短边按同一比例缩放保证不变形 }勾选Copy Width Height则是另一条路直接精确复制目标的长宽适合对像素级一致性有要求的组件替换。细节二符号对象的注册点偏移是很多替换脚本翻车的重灾区Illustrator 符号对象的定位依赖注册点Registration Point直接换符号经常导致位置跳变。脚本的处理方式是临时给符号换一个左上角注册点的新符号读出位置后立刻还原function getSymbolPositionByRegistrationPoint (item) { var bakupSymbol item.symbol, newSymbol activeDocument.symbols.add(item, SymbolRegistrationPoint.SYMBOLTOPLEFTPOINT); item.symbol newSymbol; // 临时切换注册点 var position [item.left, item.top]; // 读取稳定坐标 item.symbol bakupSymbol; // 立刻还原原符号 newSymbol.remove(); return position; }拿到这个稳定坐标后脚本再把它换算回新对象的中心位置。Align symbols by registration point这个勾选框就是给符号替换场景准备的。三个能直接照抄的实战场景场景一品牌视觉升级Logo 全局换新公司换标所有交付文件里的旧 Logo 都要替换。操作打开文件 → 选中所有旧 Logo → 复制新 Logo 到剪贴板 → 运行脚本选Object in buffer→ 勾选Fit to element size和Copy colors from element→ OK。一次替换一个文件里的全部旧标几十个文件十几分钟收工。场景二UI 组件库批量维护样式规范一改全改设计规范更新后上百个按钮组件实例需要同步换样式。操作把新版按钮编成一组 → 选中所有旧按钮 → 运行脚本选All in group (successively)→ 勾选Copy Width Height保持布局尺寸 → OK。组件间距、层级结构原样保留只换外观。场景三方案评审同一画布对比多稿给客户看方案时与其开三个文件来回切不如在同一画布上并排摆。操作准备 2~3 套备选方案对象 → 每套都勾选Save original element保留原元素→ 依次替换原方案和新方案共存于画面客户直接指哪儿看哪儿。避坑清单四个高频问题的自检答案Q1替换完位置偏移了几个像素先看替换的是不是符号对象如果是勾上Align symbols by registration point。再看是不是源对象本身就带了旋转或缩放变换可以先对象 → 变换 → 重置边界框再替换。Q2颜色没跟着新对象走还是旧颜色Copy colors from element是从原对象上取色赋给新对象取色的逻辑会递归处理群组GroupItem、复合路径CompoundPathItem和普通路径PathItem。如果原对象是空填色或无填色自然取不到颜色先确认原对象有有效填充。Q3对象多了跑得慢脚本自带进度条处理几千个对象时建议关掉Save original element少一半对象操作把大文档按图层或画板分批替换一次别超过一千个。Q4为什么上次的配置会自动恢复这是设计好的行为——saveSettings()会把所有选项写进 JSON 文件下次启动自动加载。想回到默认值删掉LA_AI_Scripts/replaceItems__setting.json即可。它不是一个人在战斗脚本生态怎么配合replaceItems.jsx 属于 illustrator-scripts 合集这个仓库里还有一批能衔接的脚本串起来就是一条完整流水线阶段脚本干什么的怎么配合替换前alignEx.jsx精确对齐、分布先把目标对象排齐替换后版面不乱替换中replaceItems.jsx批量替换核心动作替换后harmonizer.jsx一键排序整理替换完用它对整组对象做规整文本收尾batchTextEdit.jsx批量改文字内容图形换了顺手把文案也统一改掉另外这些脚本共用同一个函数库libraries/AI_PS_Library.js统一的错误提示、通用工具函数想二次开发的话读这一个文件就能摸清大部分脚本的套路。下一步从一次替换开始脚本的演进方向其实已经在勾选项里露出苗头——随机旋转、随机比例、保留原元素这些能力组合起来就是一套简易的程序化生成工具。你可以先拿图标替换练手再试着用组内随机 随机旋转做图案纹理一步步把重复劳动交给脚本。仓库地址https://gitcode.com/gh_mirrors/il/illustrator-scriptsclone 下来放进 Scripts 目录就能用。全部脚本采用 MIT 协议改坏了也不心疼。回到小林。那天 19:05她发完交付文件关掉 Illustrator顺手在工位上泡了杯茶。三百多个图标从三小时变成一分钟省下来的时间没有用来加班而是用来把方案再打磨了一遍——这才是自动化工具最该有的样子把机械的活儿接走把判断和创造留给人。【免费下载链接】illustrator-scriptsAdobe Illustrator scripts项目地址: https://gitcode.com/gh_mirrors/il/illustrator-scripts创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考 Illustrator 批量替换脚本 replaceItems.jsx 上手记：500 个图标，从三小时熬到一分钟
Illustrator 批量替换脚本 replaceItems.jsx 上手记500 个图标从三小时熬到一分钟【免费下载链接】illustrator-scriptsAdobe Illustrator scripts项目地址: https://gitcode.com/gh_mirrors/il/illustrator-scripts周五 18:40设计师小林盯着屏幕上 300 多个待替换的界面图标叹了口气。客户要求一小时内把整套 UI 的图标换成新版不然上线就得延后。这种活儿她干过不止一次选中、复制、粘贴、对齐、调尺寸一个图标折腾 20 秒一套下来三小时打底。直到她翻到开源合集 illustrator-scripts 里的 Illustrator 批量替换脚本 replaceItems.jsx——那天她准时下了班。如果你也经历过替换几百个元素却不敢喝水怕手一抖前功尽弃的夜晚这篇指南就是写给你的。先看结果三组数字把效率摆在桌面上空口说快没意义我们先看一组来自真实使用场景的粗略对比不同机器与文档规模会有浮动但量级不会骗人任务规模手动操作用 replaceItems.jsx节省时间100 个图标统一换新版约 50 分钟1 分钟内约 98%500 个组件实例换样式3~4 小时3~5 分钟约 97%多语言版本文字框架替换每版约 2 小时每版约 5 分钟约 95%脚本本质是把你一个一个做的动作变成一次说清规则机器替你循环。人只负责定义规则剩下的重复交给代码。为什么手动替换又慢又容易翻车手动替换的坑根本原因只有一个人脑不擅长处理大规模的一致性问题。具体表现有四尺寸对不齐原图标 24px新图标 32px你得逐个算缩放比例稍一走神就忽大忽小。位置偏移粘贴后总是差那么几个像素尤其符号Symbol对象注册点一错整个版面歪掉。颜色丢失新对象带着自己的填充色进来和原稿的配色体系格格不入。没有后悔药覆盖式操作改到一半想回退只能靠 CtrlZ 一次一次退。这四点恰好就是 replaceItems.jsx 每个勾选框背后要解决的事。新手最快上手路径三步跑通先别研究原理最快跑通一次再说。安装把replaceItems.jsx放进 Illustrator 的 Scripts 目录Windows 一般位于Adobe Illustrator [版本号]\Presets\zh_CN\Scripts\macOS 位于Presets.localized/zh_CN/Scripts重启软件。如果你想一次装好整个合集可以 clone 整个仓库git clone https://gitcode.com/gh_mirrors/il/illustrator-scripts准备在画布里选中所有要被替换掉的目标对象再准备一个新对象——可以复制到剪贴板也可以让它在图层里处于最上层还可以把它编成一组。运行菜单文件 → 脚本 → replaceItems.jsx弹窗里选一种替换模式点 OK看着进度条走完。第一次跑通大概 3 分钟之后每次只用 30 秒。关闭弹窗时脚本还会把选项存成 JSON存放在文档/LA_AI_Scripts/下下次打开自动恢复上次配置不用反复重设。原理深挖四种替换模式 两处硬核细节四种模式对应四种工作场景弹窗第一栏What to replace?就是替换策略的核心源码里四个单选按钮一目了然var bufferRadio panel.add(radiobutton, undefined, Object in buffer), // 用剪贴板里的对象 currentRadio panel.add(radiobutton, undefined, Top object), // 用图层最顶部的对象 groupSuccessively panel.add(radiobutton, undefined, All in group (successively)), // 按顺序用组内对象 randomRadio panel.add(radiobutton, undefined, All in group (random)); // 随机用组内对象剪贴板模式把新对象复制一份到剪贴板脚本粘贴它作为替换源适合跨文档替换甚至可以从别的文件复制素材过来用。顶部对象模式以当前选中里最顶部的对象为模板批量替换其余选中项是统一换新最常用的姿势。组内顺序替换源对象是一整组按排列顺序依次匹配目标适合保持层级关系、像流水线一样逐个替换。组内随机替换从组里随机抽对象配合随机旋转和百分比参数可以做出每一处都不太一样的自然纹理。细节一尺寸自适应不是简单的等比缩放被替换对象的宽高比例往往和新对象不一致直接套尺寸会把对象拉伸变形。脚本先判断目标的长边是宽还是高再按这个维度等比缩放另一条边跟着比例走var __size (item.height item.width ? item.width : item.height) * __ratio, precent __size * 100 / node[__fn] / 100; if (fitInSizeCheckbox.value) { node[__fn] __size; // 长边对齐目标尺寸 node[__fnReverse] * precent; // 短边按同一比例缩放保证不变形 }勾选Copy Width Height则是另一条路直接精确复制目标的长宽适合对像素级一致性有要求的组件替换。细节二符号对象的注册点偏移是很多替换脚本翻车的重灾区Illustrator 符号对象的定位依赖注册点Registration Point直接换符号经常导致位置跳变。脚本的处理方式是临时给符号换一个左上角注册点的新符号读出位置后立刻还原function getSymbolPositionByRegistrationPoint (item) { var bakupSymbol item.symbol, newSymbol activeDocument.symbols.add(item, SymbolRegistrationPoint.SYMBOLTOPLEFTPOINT); item.symbol newSymbol; // 临时切换注册点 var position [item.left, item.top]; // 读取稳定坐标 item.symbol bakupSymbol; // 立刻还原原符号 newSymbol.remove(); return position; }拿到这个稳定坐标后脚本再把它换算回新对象的中心位置。Align symbols by registration point这个勾选框就是给符号替换场景准备的。三个能直接照抄的实战场景场景一品牌视觉升级Logo 全局换新公司换标所有交付文件里的旧 Logo 都要替换。操作打开文件 → 选中所有旧 Logo → 复制新 Logo 到剪贴板 → 运行脚本选Object in buffer→ 勾选Fit to element size和Copy colors from element→ OK。一次替换一个文件里的全部旧标几十个文件十几分钟收工。场景二UI 组件库批量维护样式规范一改全改设计规范更新后上百个按钮组件实例需要同步换样式。操作把新版按钮编成一组 → 选中所有旧按钮 → 运行脚本选All in group (successively)→ 勾选Copy Width Height保持布局尺寸 → OK。组件间距、层级结构原样保留只换外观。场景三方案评审同一画布对比多稿给客户看方案时与其开三个文件来回切不如在同一画布上并排摆。操作准备 2~3 套备选方案对象 → 每套都勾选Save original element保留原元素→ 依次替换原方案和新方案共存于画面客户直接指哪儿看哪儿。避坑清单四个高频问题的自检答案Q1替换完位置偏移了几个像素先看替换的是不是符号对象如果是勾上Align symbols by registration point。再看是不是源对象本身就带了旋转或缩放变换可以先对象 → 变换 → 重置边界框再替换。Q2颜色没跟着新对象走还是旧颜色Copy colors from element是从原对象上取色赋给新对象取色的逻辑会递归处理群组GroupItem、复合路径CompoundPathItem和普通路径PathItem。如果原对象是空填色或无填色自然取不到颜色先确认原对象有有效填充。Q3对象多了跑得慢脚本自带进度条处理几千个对象时建议关掉Save original element少一半对象操作把大文档按图层或画板分批替换一次别超过一千个。Q4为什么上次的配置会自动恢复这是设计好的行为——saveSettings()会把所有选项写进 JSON 文件下次启动自动加载。想回到默认值删掉LA_AI_Scripts/replaceItems__setting.json即可。它不是一个人在战斗脚本生态怎么配合replaceItems.jsx 属于 illustrator-scripts 合集这个仓库里还有一批能衔接的脚本串起来就是一条完整流水线阶段脚本干什么的怎么配合替换前alignEx.jsx精确对齐、分布先把目标对象排齐替换后版面不乱替换中replaceItems.jsx批量替换核心动作替换后harmonizer.jsx一键排序整理替换完用它对整组对象做规整文本收尾batchTextEdit.jsx批量改文字内容图形换了顺手把文案也统一改掉另外这些脚本共用同一个函数库libraries/AI_PS_Library.js统一的错误提示、通用工具函数想二次开发的话读这一个文件就能摸清大部分脚本的套路。下一步从一次替换开始脚本的演进方向其实已经在勾选项里露出苗头——随机旋转、随机比例、保留原元素这些能力组合起来就是一套简易的程序化生成工具。你可以先拿图标替换练手再试着用组内随机 随机旋转做图案纹理一步步把重复劳动交给脚本。仓库地址https://gitcode.com/gh_mirrors/il/illustrator-scriptsclone 下来放进 Scripts 目录就能用。全部脚本采用 MIT 协议改坏了也不心疼。回到小林。那天 19:05她发完交付文件关掉 Illustrator顺手在工位上泡了杯茶。三百多个图标从三小时变成一分钟省下来的时间没有用来加班而是用来把方案再打磨了一遍——这才是自动化工具最该有的样子把机械的活儿接走把判断和创造留给人。【免费下载链接】illustrator-scriptsAdobe Illustrator scripts项目地址: https://gitcode.com/gh_mirrors/il/illustrator-scripts创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考