
这次,我周末抽时间给自己开发了一个 MasterGo 设计工具箱——DesignProMAX。

为什么要重新做一个设计插件
我平时主要使用 MasterGo,团队内部的设计协作也基本都在这个平台上完成。MasterGo 插件社区里已经有不少实用工具,我之前也安装过很多。它们确实能解决一些问题,但长期使用下来,我一直有两个比较明显的感受。
第一个问题是功能太分散。
很多插件只解决一个很小的需求。处理一份设计稿时,我可能需要先打开一个插件批量替换文字,再切换到另一个插件处理图层,之后还要继续打开其他插件导出图片、查找对象或者插入图标。单个插件看起来都很简单,但当这些操作串联起来后,频繁打开、关闭和切换插件,本身就成了新的操作负担。
第二个问题是“能用”,但不一定符合我的使用习惯。
有些功能只覆盖了最基础的操作,有些交互流程比较绕,还有一些功能与我的实际工作场景并不完全匹配。它们不是不能解决问题,而是每次使用时,总会觉得还差一点。
于是我开始思考:与其一直寻找某个刚好满足需求的插件,不如把自己日常真正高频使用的功能重新整理一遍,做成一个统一的设计工具箱。
先整理工作流,再开始写代码
这次我没有一上来就让 AI 生成代码,而是先重新梳理了自己的设计工作流。我把最近一段时间在设计工作中反复出现的操作记录下来,判断哪些问题值得工具化,哪些只是偶尔发生,哪些功能虽然看起来高级,但实际使用频率并不高。
最终,我优先选择了几类需求:图片处理、文本批处理、图层清理、对象定位、数据统计、资源插入和批量导出。这些功能单独看都不复杂,但它们有一个共同点:重复度高、操作机械,而且会持续消耗设计师的注意力。我的目标不是用插件代替设计师,而是把那些不需要太多判断、却要不断重复执行的工作交给工具完成。这样,设计师可以把更多精力放在信息结构、交互逻辑和视觉表达上。
两天完成可用版本,两周打磨细节
借助 AI 编程,我用了两天时间,完成了第一个可以运行的版本。
这里的“两天做完”,更准确地说,是两天完成了核心功能和基本交互。它可以运行,也可以解决问题,但距离真正顺手还有明显差距。实际放进工作流之后,很快就会发现很多开发阶段注意不到的问题。例如,批量操作前是否需要预览,选中对象为空时如何提示,处理大量图层时是否会卡顿,功能入口应该如何排序,用户操作失败后能不能快速定位原因,以及不同页面状态下是否会出现异常。
所以在完成初版后,我又花了接近两周时间,一边在真实设计项目中使用,一边持续修改。很多细节并不是“想”出来的,而是用出来的。只有当一个工具真正进入日常工作,才会发现哪些步骤多余,哪些提示不清楚,哪些功能看起来完整,实际却并不好用。
这也是我对 Vibe Coding 越来越明确的认识:AI 可以大幅缩短从想法到原型的时间,但能不能变成一个稳定、顺手的产品,仍然需要持续使用、验证和打磨。
这个工具箱有什么不同
DesignProMAX 目前主要有三个特点。
首先是功能整合。
我把日常工作中常用的图片、文本、图层、定位、统计和资源类功能集中在一个插件中,减少在多个插件之间频繁切换的成本。首页还支持功能排序和隐藏,可以根据个人使用频率调整入口。
其次是本地优先。
除“一键抠图”需要用户自行配置抠图服务外,文本识别、图层处理、文本拆合、数据统计、图标插入和批量导出等功能,主要都在插件本地完成。这意味着大部分功能不需要额外搭建云服务,也可以尽量减少设计稿内容上传到第三方服务器的情况。对于团队内部设计稿、业务系统页面和未公开项目来说,这种处理方式更简单,也更符合实际使用需求。
最后是免费和开源。
目前已经上线的基础功能全部免费,同时项目也已经开源。大家可以直接使用,也可以查看代码、提交问题或者参与改进。
目前包含哪些功能
图片处理
一键抠图:可以对当前选中的图片进行背景移除,并输出透明背景结果。由于插件本身不提供云端抠图服务,需要用户自行配置相应接口。
裁剪透明:用于识别并裁掉 PNG 图片四周多余的透明区域,让图片边界更加紧凑,避免导出或排版时出现大量无效留白。
文本与批处理
文本填充:可以为多个文本图层批量写入模拟数据或脱敏数据,适合快速制作业务页面、列表、表格和原型内容。
文本识别:支持在插件本地识别单张图片中的简体中文和英文,并可以继续编辑或复制识别结果。
文本拆合:可以将多个文本图层合并,也可以按照标点符号,把一段文字拆分成多个独立文本。
图层清理:用于扫描设计稿中的隐藏图层等问题对象,减少无效图层对文件结构和后续编辑的干扰。
文本替换:支持批量替换文字内容、字体、字号和颜色,并在正式执行前预览替换结果。
比例缩放:可以按照目标尺寸,对选区及内部元素进行整体比例适配,减少重复调整元素尺寸和位置的工作。
批量导出:能够扫描当前页面、画板或选区中的可导出内容,批量生成 PNG 图片,并自动打包为 ZIP 文件。
检查与定位
快速定位:支持按照名称关键词搜索设计图、文字、容器或组件,并直接定位到对应的画布对象。对于图层数量较多的大型设计文件,这个功能会比较实用。
数据统计:可以统计页面中的图片、编组、文本和容器等设计对象,并支持直接复制统计结果,便于进行设计稿检查和工作量整理。
资源与素材
团队设计库:可以读取当前团队已经订阅的设计资源库,并在插件中浏览、搜索和插入组件。具体能够读取哪些内容,取决于团队当前的资源配置和使用环境。
图标库:内置了一套离线 SVG 图标,支持中文搜索、分类筛选,以及颜色、尺寸和描边设置,调整完成后可以直接插入画布。
矢量地图:提供中国、省、市和区县级矢量地图的预览与插入,主要面向数据大屏、区域分析和地图可视化等设计场景。
为什么暂时没有加入大量 AI 功能
在最初规划时,我也考虑过加入 AI 生图、智能文案、设计分析等能力。从技术上看,这些功能并不是不能实现。但一旦加入在线 AI 服务,产品就不再只是一个简单的本地插件。它可能需要账号系统、接口管理、调用额度、云服务器、数据存储、支付能力和服务稳定性保障。开发成本、维护成本和系统复杂度都会明显增加。
所以目前我更希望先把基础工具做好。先解决明确、高频、能够被验证的问题,再根据实际使用情况决定是否增加 AI 能力。未来即使加入,也更可能作为独立的增值服务,而不是影响现有基础功能的免费使用。

写在最后
DesignProMAX 目前已经正式上架 MasterGo 插件社区,同时也已经在 GitHub 开源。
两天完成初版,并不意味着两天就能做出一个成熟产品。AI 缩短的是编码和验证想法的时间,但真正决定产品是否好用的,依然是对问题的理解、对细节的判断,以及持续不断地使用和修改。
这个插件最初只是为了减少我自己的重复工作。现在把它发布出来,也是希望看看这些问题是否同样存在于其他设计师的工作中。
插件地址:https://mastergo.com/community/plugin/199354840910800
开源地址:GitHub:https://github.com/BeatsAD/DesignProMAX
欢迎体验,也欢迎提交建议和 Bug。
夜雨聆风