Doory是一个基于 Web 浏览器的开源设计工具,提供类似 Canva 的可视化设计、动画、多人协作和导出功能,同时支持企业私有化部署。

Doory 采用 TypeScript + Python 开发,遵循 Attribution Assurance License 开源协议,代码托管在 GitHub:
https://github.com/shaongitbd/doory
功能特性
- 可视化设计:Doory 的可视化设计非常接近 Canva 的使用体验,它提供基于浏览器的所见即所得(WYSIWYG)设计编辑器,支持文本、图片、图形、图标等元素的自由拖拽编排,并且内置图层管理、分组、遮罩、滤镜、曲线文字、标尺、对齐吸附、多页画布等专业设计功能。

-
素材与资源库:内置约 25,000+ 图标、Emoji、插画、图形元素和形状资源,同时提供背景音乐、音效等多媒体素材,用户可直接拖拽到画布中进行编辑和组合。
-
丰富的动画:Doory 不仅支持静态设计,还能将设计稿直接制作成动态内容。平台内置 27 种入场/退场动画、12 种强调动画和 16 种页面转场效果,并且提供时间线编辑能力,可以为文本、图片、图形等元素添加动画,同时支持背景音乐和音效。

-
实时协作:基于 Yjs 的 CRDT(无冲突复制数据类型)技术和 Django Channels + WebSocket 实现实时数据同步,能够同步画布内容、对象状态以及用户操作,支持多人共同创建设计、实时查看修改结果和协同完成项目。
-
背景移除:采用本地运行的机器学习模型完成抠图处理,图片数据无需上传至云端即可在浏览器中完成背景分离,既提升了隐私安全性,也降低了服务器计算成本。
-
演示功能:允许用户直接将设计稿作为演示文稿进行展示,无需导出到其他幻灯片软件。

-
品牌管理:用户登录之后可以在平台中集中管理品牌专属的颜色、字体、Logo 和设计资源,并且在不同项目和模板中重复使用,从而确保海报、社交媒体内容、演示文稿等设计作品始终保持一致的品牌形象。
-
多种格式导出:Doory 支持导出 PNG、JPG、SVG、PDF 等静态格式,同时支持 MP4、WebM 和 GIF 等动态格式输出,用户可以根据不同发布场景灵活输出设计成果。

- 私有部署:这是 Doory 其区别于商业设计平台的重要优势之一。用户可以在本地服务器、企业私有云或自建数据中心中快速搭建包含前端、后端、数据库和实时协作服务的完整设计平台。
在线使用
Doory 官方提供了一个免费的在线工具,没有水印和广告,通过以下网址直接访问:

可以新建一个设计页面,或者从模板中选择一个设计进行修改。默认设计文档存储在浏览器本地,登录之后可以存储到服务器,实现跨设备共享。
本地部署
Doory 官方提供了基于 Docker Compose 的一键部署方案,包含前端、后端、数据库以及实时协作服务。
首先,克隆代码:
bash
git clone https://github.com/shaongitbd/doory.git
cd doory
然后,复制配置文件:
bash
cp .env.example .env
修改以下关键参数:
ini
SITE_URL=http://localhost:8080
# openssl rand -base64 48
DJANGO_SECRET_KEY=your-secret-key
POSTGRES_PASSWORD=your-db-password
构建镜像并启动服务:
bash
docker compose up -d --build
docker compose exec api python manage.py createsuperuser
通过以下地址访问:
参考文档:https://github.com/shaongitbd/doory#-self-host-it-in-3-commands