可私有化部署！3 个宝藏开源在线海报设计工具！

大家好，我是 Java陈序员。

在日常生活工作中，常常需要做公众号封面、活动海报、电商配图、营销物料等。很多小伙伴依赖稿定、Canva 等平台，但商用版权、会员付费、数据托管常常让人头疼。

今天，给大家分享 3 款高质量的开源在线图片设计编辑器，支持私有化部署、二次开发，企业、开发者、自媒体都能用得上。

关注微信公众号：【Java陈序员】，获取开源项目分享、AI副业分享、超200本经典计算机电子书籍等。

poster-design

项目介绍

poster-design —— 一个开箱即用、可零开发部署生产的开源 AI 海报设计器/在线图片设计工具。提供原生 DOM 画布编辑器，前端与服务端混合出图，附完整后台管理与接口，简洁好用、易于开发。

适用于多种场景：海报图片生成、电商图、文章长图、视频/公众号封面等，助力轻松实现创意。

功能特色：

• PSD 文件解析导入：支持本地 PSD 文件直接导入编辑器，解析还原图层、图片、文字、布局
• 丰富的画布与元素编辑能力：拖拽式画布，支持文字、图片、图形、图标等元素，支持图层锁定/隐藏/分组、层级调整、吸附对齐、标尺、辅助线、多画板、自定义画布尺寸，自带公众号封面、海报等常用尺寸预设，支持撤销重做、快捷键、右键菜单等功能
• 内置 AI 抠图与图片工具：提供 AI 抠图工具一键去除背景功能，同时支持画笔修补擦除
• 模板管理与导出：支持保存、管理海报模板，设计稿可导出 JSON 配置，同时支持输出高清 PNG/JPG 格式图片

技术栈：Node.js + Express + Puppeteer + SQLite + Vue3 + TypeScript

项目地址：https://github.com/palxiao/poster-design

功能体验

本地开发

项目依赖 Node.js 环境，需提前进行安装。

1、克隆或下载项目源码

git clone https://github.com/palxiao/poster-design.git

2、进入项目目录并安装依赖

cd poster-design
npm run prepared

3、运行启动

npm run serve

4、项目运行成功后，浏览器访问

http://127.0.0.1:5173/ 

后台管理地址：

http://127.0.0.1:5173/admin

管理员默认账号密码：admin / 123456.

doory

项目介绍

doory —— 一款在浏览器中运行的设计编辑器，可用于设计海报、社交帖子、故事、幻灯片、请柬、简历、缩略图和名片等。直接从模板或空白页面开始，编辑内容，然后导出 PNG、JPG、SVG、PDF、MP4 或 GIF.

功能特色：

• 私有化部署：支持 Docker Compose 一键部署，无需登录即可直接创作，数据保存在自有服务器
• 专业画布与图层编辑能力：提供所见即所得的拖拽编辑器，支持多图层、多画布、自定义画布尺寸，内置海量图标、插画、Emoji 素材库
• 强大的动画与多媒体能力：内置入场、退场、强调动画以及页面转场效果，提供时间线编辑器，可给元素添加动画，支持背景音乐、音效添加，耶可以制作动态幻灯片、动态宣传物料，能够导出 GIF、MP4 动态文件
• 多格式丰富导出：支持 PNG、JPG、SVG、WEBP、PDF、GIF、MP4 多种格式导出
• 多人实时协同编辑：基于 WebSocket 实现多人实时协作，支持权限管控（只读、评论、可编辑）、版本历史记录、评论批注，适合团队共同完成设计稿件，可生成分享链接对外分发作品

技术栈：Django + React + TypeScript

项目地址：https://github.com/shaongitbd/doory

功能体验

• 模板

• 文字

• 图形

• 贴纸

• 背景

• 动画

快速上手

doory 支持 Docker 部署，可通过 Docker Compose 一键部署。

1、克隆或下载项目源码

git clone https://github.com/shaongitbd/doory

2、进入项目目录并拷贝配置文件

cd doory

cp .env.example .env

3、设置配置文件 .env 中的默认密钥 DJANGO_SECRET_KEY 和数据库密码 POSTGRES_PASSWORD, 可通过 OpenSSL 生成随机数据

openssl rand -base64 48

4、构建并启动服务

docker compose up -d --build

5、创建管理员账号

docker compose exec api python manage.py createsuperuser

6、服务运行成功后，浏览器访问

http://{IP/域名}:8080

gzm-design

项目介绍

gzm-design —— 一款漂亮易用的在线设计器，支持 PSD 导入、PSD解析，可用于海报设计器、广告设计器、Logo 设计器、AI 创作图片合成器等。

常用于生成二维码海报，图片海报，二维码推广海报，图片处理，名片设计，电商产品图，节假日海报等。

功能特色：

• 强大的 PSD 解析导入：支持 RGB 模式 PSD 直接导入画布，自动还原图层、分组、普通文本、富文本、图片资源
• 完备画布与图层编辑能力：提供完备的图层体系、图形样式、文本编辑、辅助工具、实用组件等画布能力
• 模板与导入导出体系：编辑后的设计保存为 JSON 配置，再通过 JSON 模板进行导入导出，作品支持 PNG、JPG、WEBP 格式导出保存
• 二次开发友好：以前端组件形式提供，不需要强制绑定后端服务，很容易嵌入管理后台、CRM、营销系统，同时 PSD 导入插件化设计，可以按需开启

技术栈：Vue3 + Vite4 + TypeScript + Leafer UI

项目地址：https://github.com/LvHuaiSheng/gzm-design

功能体验

• 文字

• 素材

• 图片

• 背景

• 下载作品

本地开发

项目依赖 Node.js 环境，需提前进行安装。

1、克隆或下载项目源码

git clone https://github.com/LvHuaiSheng/gzm-design.git

2、进入项目目录并安装依赖

cd gzm-design

pnpm install

3、启动运行

pnpm dev

4、运行成功后，浏览器访问

http://localhost:5173/

5、打包构建

pnpm build

最后

推荐的开源项目已经收录到 GitHub 项目，欢迎 Star：

https://github.com/chenyl8848/great-open-source-project

或者访问网站，进行在线浏览：

https://chencoding.top:8090/#/

大家的点赞、收藏和评论都是对作者的支持，如文章对你有帮助还请点赞转发支持下，谢谢！

---