创作#UI 设计

Doory:跑在自己服务器上的浏览器设计编辑器

Doory 把海报、社媒图、幻灯片、简历搬进浏览器:模板起步、实时协作、导出 PNG/SVG/PDF/MP4,Docker 自托管、不要求账号。

项目资料

GitHub Ecosystem
仓库地址github.com/shaongitbd/doory
主语言
TypeScript
星标
1,305
核查时间
2026-10-15

以上快照资料以核查当日为准,可能随版本或运营策略变化。

Canva 涨价之后,「找个开源的」这件事在 GitHub 上一直有答案,但多数替代品要么功能薄要么部署难。公众号「开源日记」10 月 15 日介绍的 Doory(TypeScript,截至 2026-10-15 约 1.3k star、83 fork)把整套设计编辑器搬进了浏览器:海报、社媒图、故事、幻灯片、邀请函、简历、缩略图、名片,模板起步,免登录,Docker 一条命令自托管。

核心功能

  • 浏览器里完整编辑:左侧工具轨点开成面板,选中元素时工具栏换成它的属性面板;图层可重命名、锁定、隐藏、分组、排序,右键有复制、创建副本与排列。
  • 素材口径明确:约 25,000 个图标、emoji 与插画、贴纸、二维码;文字支持弯曲文字、字体搭配与自有字体上传;图片支持上传、裁剪、蒙版、滤镜和浏览器内背景移除,接 Unsplash 或 Pexels key 可搜素材库。
  • 动效与声音:27 个入场/出场动画、12 个强调动画、16 个页面转场、24 段 CC0 音乐循环与 88 个音效,可录旁白;能直接演示(讲者备注、计时、自动翻页、第二屏)。
  • 协作是三档分享链接:可看、可评论、可编辑(可选密码),带置顶评论、版本历史与实时协同编辑。
  • 导出覆盖面广:PNG、JPG、SVG、PDF(可带出血位与裁切标记)、MP4、WebM、GIF。
  • 品牌套件:把团队的颜色、字体、logo 存成 Brand kit,模板里直接调用。

典型使用场景

  • 小团队要私有化部署的设计工具:分享链接加密码发给客户,数据在自己服务器上。
  • 预算敏感的个人与工作室:没有付费档,导出格式覆盖印刷(带出血的 PDF)与社媒。
  • 要接进自己系统的开发者:前端 React 19 加 Fabric.js 画板,后端 Django API,Docker Compose 起全栈。

快速上手

cp .env.example .env     # 设 DJANGO_SECRET_KEY 与 POSTGRES_PASSWORD
docker compose up -d --build
docker compose exec api python manage.py createsuperuser   # 管理员账号不会自动创建

打开 http://localhost:8080 即可开始设计;web 容器同时服务 /api 与 /ws,浏览器只对一个地址。新站点是空的——用 seed_templates、sync_fonts、seed_elements 等命令按需灌入模板、字体、图标与音频。

小结

适合要自托管设计编辑器的小团队与个人;它还很年轻:README 自己写明编辑器完整但模板库只有十个起始模板,bug 报告受欢迎——别期待 Canva 那种百万级模板生态。截至 2026-10-15 是 1305 star,最近推送 2026-10-14。注意许可:gh api 的 license 字段返回 NOASSERTION,仓库未检出标准 SPDX 标识,采用前自行核对 LICENSE 文件。

自托管邮件类工具此前我们写过 Mailflare(把域名邮箱搬进自己的 Cloudflare 账号);同样是「把 SaaS 搬回自己机器」,NocoDB 解决表格,Doory 解决设计。