闪图 Fdesign 是一个基于 React、Node.js 与 Photoshop 自动化的 PSD 图像生产工作台,覆盖模板解析、变量绑定、批量替换、成品导出与任务模板管理。
上图展示 PSD 画布预览、商品位绑定、Excel 数据控制台与导出入口的主工作流。
- 在浏览器中解析 PSD 模板并管理可替换变量。
- 结合 Excel、图片变量和规则链生成批量任务。
- 通过 Node.js 调度 Photoshop 完成 PSD、PSB、PNG 与 JPEG 导出。
- 提供模板配置、任务模板和运行数据的本地管理能力。
- Node.js 18+
- Windows 10/11 x64
- 本机已安装且可被脚本调用的 Adobe Photoshop
仓库只包含应用代码,不分发 Photoshop、字体、模板素材或运行产物。
npm install
npm run server
npm run dev开发访问地址:
- 前端界面:
http://127.0.0.1:3010/ - 后端健康检查:
http://127.0.0.1:3001/health
后端读取当前 shell 中的环境变量;前端本地变量可参考 .env.example。生产模式启用后台会话前,请先设置足够长的 ADMIN_AUTH_SECRET 并收紧允许访问的来源。
src/:React 前端server/:后端 API、模板存储与 Photoshop 调度server/photoshop/:Photoshop JSX/VBS 脚本tests/:Node 测试和浏览器烟测docs/:架构、API 与使用说明
npm run lint
npm run build
npm test涉及 Photoshop 宿主进程、导出结果或真实页面交互时,还需要启动前后端做端到端回归。
本项目基于 MIT License 发布。
