问题
谁:用 AFFiNE Edgeless 白板的可视化思考者(学生、教师、内容创作者、UX/UI 设计师、知识工作者),以及用 Penpot 导出大尺寸画板(如 A0)的设计师。 什么场景:想把自己的画布/画板成果导出成图片或 PDF,用于分享、放进 Anki/Quizlet 做学习卡片、打印或交付。 痛点:AFFiNE 的用户只能依赖不可靠的 “Copy as image” 变通方案,结果是“cropped UI elements, context menus, low quality”——截到界面元素、带出右键菜单、分辨率低;Penpot 用户导出 PDF 后发现 “the images are all pixelated”,即使应用内显示清晰。两个社区都在 GitHub 上开了 issue(合计 15 条评论),说明这是持续、未被解决的实际摩擦。
目标用户
- AFFiNE Edgeless 的重度用户:学生、教师、内容创作者、UX/UI 设计师;
- Penpot 用户中需要导出大画板 PDF 的设计师;
- 市场规模定性判断:两个都是开源工具,用户群在增长但个体付费意愿低,更现实的路径是开源贡献换声誉、或面向用这些工具的团队/教育机构。
解决方案
核心是“忠实重渲染,而非截图”:
- 画布级导出:支持整块画布、指定 frame 或框选区域三种范围;
- 高清矢量保真:以 SVG 矢量方式保留图形元素,PNG 可选倍率放大导出,位图元素按原始分辨率嵌入而不是按屏幕显示分辨率栅格化;
- 干净输出:自动剔除 UI 元素、右键菜单等界面噪音,可选透明或白底;
- PDF 大幅面导出(针对 Penpot 场景):导出 A0 等大尺寸画板时保持图像清晰度;
- AI 的角色有限:可在导出前做智能裁剪建议(识别空白边距)、元素自动分组,但本机会会主要是渲染工程而非 AI 问题。
MVP 范围
首个版本只做一件事:对 AFFiNE Edgeless 画布(整块画布、指定 frame 或自选区域)输出高清 PNG/SVG,可选透明/白底,不裁切 UI 元素、不混入右键菜单。
- 不做:Penpot PDF 导出、协作、图库管理、格式转换批量处理;
- 不做编辑功能,只做“忠实渲染 + 导出”;
- 先以浏览器扩展或注入脚本形式验证可行性,再考虑独立应用。
风险
- 上游依赖风险(最大):AFFiNE 和 Penpot 都是活跃开源项目,官方随时可能自己修复导出(信号 1 本身就是官方仓库的功能请求),产品生命周期不由你控制;
- 协议与逆向风险:需要解析或拦截这些工具的内部画布数据结构,版本迭代可能频繁破坏兼容;
- 商业化风险:目标用户是免费开源工具的用户,付费意愿信号为零;
- 替代方案风险:用户可以迁移到 Excalidraw/tldraw 等导出体验更好的工具来绕过问题。
已有产品
| 产品 | 定位 | 价格 |
|---|---|---|
| Excalidraw | 信号中多次被引用为导出体验的标杆,用户期望 AFFiNE 达到同等水平 | — |
| tldraw | 信号中被列为高质量图像导出的参照工具,用户希望对齐其能力 | — |
信号证据
这张卡片依据的原始讨论。摘录保持原文,点“原文”查看上下文。
GitHub Issues · toeverything/AFFiNE5月5日功能请求▲ 145 条评论
“This solves the unreliable “Copy as image” workaround (cropped UI elements, context menus, low quality) and brings AFFiNE’s Edgeless experience in line with tools like Excalidraw and tldraw.”
AFFiNE Edgeless (whiteboard) users lack a reliable dedicated export of canvas or frames as high-resolution PNG/SVG images.原文
GitHub Issues · penpot/penpot5月13日痛点▲ 1519 条评论
“Export the Artboard to PDF 5. See that the images are all pixelated when looking at them in the PDF”
Images exported to PDF from large artboards come out pixelated/blurry even when they display at good quality in the app.原文