看见设计,也读懂细节。
点选图层,查看尺寸、间距、文字、填充和样式参考。Web、iOS、Android 标注单位按需要切换。
为 Sketch 设计交付而生
从 Sketch 到浏览器,让画板、标注和切图各就其位。
把设计交付,留在自己的服务器。
LESS BACK-AND-FORTH.
MORE DESIGN.
MONDAY, SEPTEMBER 28
每一个想法,都有自己的位置。
品牌视觉 / 设计交付
少一点来回确认,多一点默契
尺寸是多少、颜色是什么、切图在哪一版?
把这些答案放进同一个链接,不再分散在聊天记录里。
每一步交付,都有着落
THE DETAILS MATTER点选图层,查看尺寸、间距、文字、填充和样式参考。Web、iOS、Android 标注单位按需要切换。
插件按所选格式导出资源。网页按画板查看切图,下载已导出的 PNG 倍率或 SVG。
更新同一份设计,保留历史版本。分享链接保持不变,团队可以回看之前的交付。
用分组与子文件夹整理设计;管理员维护账号,设计师更新自己的文件。
缩放、拖动画板、复制文本和颜色;关闭标注后,可查看导出的 Sketch Flow 跳转。
YOUR DESIGN. YOUR SERVER.
Sketch Mark 部署在你管理的服务器上。
设计、账号和历史版本保存在自己的数据卷中。
由团队控制访问入口与网络范围,不依赖公共设计托管空间。
Docker 升级管理器在隔离数据副本上创建预览,确认后再替换生产程序。
可预览并回滚已归档程序。数据兼容性须验证,异地备份仍需自行安排。
从设计到交付
安装插件并连接服务器,选择文档或画板、目标文件夹与切图格式,上传设计。
设计师 / Sketch 插件打开网页预览并分享链接。后续更新同一份设计,生成新版本,继续使用原链接。
团队 / 一个设计链接查看画板、读取标注、复制文本与样式参考,下载资源,不用为看图安装 Sketch。
开发者 / 网页预览准备好自己的交付空间
下载完整包并解压,配置访问端口,启动服务后创建管理员。再从自己的实例下载匹配的 Sketch 插件。
包含网页、API、Sketch 插件与升级管理器。源码部署包,需 Docker / Compose;不包含生产数据或预构建镜像。
# 首次安装:复制配置并按需调整端口
cp .env.example .env
# 检查配置并构建、启动服务
docker compose config --quiet
./deploy.sh使用内网 / VPN 或 HTTPS 反向代理,并安排数据备份。游客可查看能访问实例的全部设计,分享链接不是私密访问令牌。
先把几个问题说清楚
不可以。请在 Sketch 中打开文档,通过 Sketch Mark 插件上传,或导出 JSON 交付包后在网页导入。浏览器不会直接解析原始 .sketch 文件。
查看设计、历史版本和下载资源不要求登录;上传与修改需要设计师或管理员账号。因此请将实例放在可信的网络访问范围内。
支持插件导出的 1×、2×、3× PNG 和 SVG。上传时选择哪些格式,网页就提供哪些资源,不会把没有导出的倍率自动补齐。
当前产品以 Sketch 交付为主。支持导出的 Sketch Flow 链接,但不提供评论、复杂原型触发器、覆盖层动画或设计差异高亮。
不意味着。HTTPS、访问控制、请求限流、磁盘空间、异地备份与恢复演练需要由部署方负责。服务采用 Python HTTP 与单实例 SQLite,适合内部使用;大型团队应先做容量与负载验证。