为 Sketch 设计交付而生

好设计,
值得好好交付。

从 Sketch 到浏览器,让画板、标注和切图各就其位。
把设计交付,留在自己的服务器。

Sketch 原生插件浏览器查看自托管部署

LESS BACK-AND-FORTH.
MORE DESIGN.

01 / DESIGN HANDOFF
Sketch Mark / 设计交付示例示例数据
24 px
Studio.工作台 / 概览S

MONDAY, SEPTEMBER 28

让创作,有条不紊。

每一个想法,都有自己的位置。

进行中的设计06个项目
本周交付12份设计
团队成员08位伙伴
BRAND DESIGN

把灵感变成下一步。

品牌视觉 / 设计交付

项目卡片
100%点击左侧切换画板与切图
设计师上传。开发者打开链接。交付就这样开始。SKETCH → WEB

少一点来回确认,多一点默契

不只是一张图。
是开发真正需要的那份设计。

尺寸是多少、颜色是什么、切图在哪一版?
把这些答案放进同一个链接,不再分散在聊天记录里。

每一步交付,都有着落

THE DETAILS MATTER
01 / INSPECT

看见设计,也读懂细节。

点选图层,查看尺寸、间距、文字、填充和样式参考。Web、iOS、Android 标注单位按需要切换。

02 / ASSETS

需要的切图,直接下载。

插件按所选格式导出资源。网页按画板查看切图,下载已导出的 PNG 倍率或 SVG。

03 / VERSIONS

每次更新,都有迹可循。

更新同一份设计,保留历史版本。分享链接保持不变,团队可以回看之前的交付。

04 / ORGANIZE

设计有序,协作轻松。

用分组与子文件夹整理设计;管理员维护账号,设计师更新自己的文件。

05 / PREVIEW

打开链接,就是设计。

缩放、拖动画板、复制文本和颜色;关闭标注后,可查看导出的 Sketch Flow 跳转。

YOUR DESIGN. YOUR SERVER.

交付给团队,
数据留在自己手里。

Sketch Mark 部署在你管理的服务器上。
设计、账号和历史版本保存在自己的数据卷中。

01

适合内网与 VPN

由团队控制访问入口与网络范围,不依赖公共设计托管空间。

02

先验证,再升级

Docker 升级管理器在隔离数据副本上创建预览,确认后再替换生产程序。

03

程序回滚,保留当前数据

可预览并回滚已归档程序。数据兼容性须验证,异地备份仍需自行安排。

从设计到交付

顺着你熟悉的方式工作。

THREE SIMPLE STEPS
01

在 Sketch 里上传

安装插件并连接服务器,选择文档或画板、目标文件夹与切图格式,上传设计。

设计师 / Sketch 插件
02

把链接交给团队

打开网页预览并分享链接。后续更新同一份设计,生成新版本,继续使用原链接。

团队 / 一个设计链接
03

在浏览器里接着做

查看画板、读取标注、复制文本与样式参考,下载资源,不用为看图安装 Sketch。

开发者 / 网页预览

准备好自己的交付空间

从你的服务器,开始。

下载完整包并解压,配置访问端口,启动服务后创建管理员。再从自己的实例下载匹配的 Sketch 插件。

包含网页、API、Sketch 插件与升级管理器。源码部署包,需 Docker / Compose;不包含生产数据或预构建镜像。

首次部署 / 在解压后的目录执行
# 首次安装:复制配置并按需调整端口
cp .env.example .env

# 检查配置并构建、启动服务
docker compose config --quiet
./deploy.sh
请根据自己的部署环境调整配置
部署前请确认

使用内网 / VPN 或 HTTPS 反向代理,并安排数据备份。游客可查看能访问实例的全部设计,分享链接不是私密访问令牌。

先把几个问题说清楚

你可能还想知道。

可以直接上传 .sketch 文件吗?

不可以。请在 Sketch 中打开文档,通过 Sketch Mark 插件上传,或导出 JSON 交付包后在网页导入。浏览器不会直接解析原始 .sketch 文件。

查看设计的人需要账号吗?

查看设计、历史版本和下载资源不要求登录;上传与修改需要设计师或管理员账号。因此请将实例放在可信的网络访问范围内。

支持哪些切图格式?

支持插件导出的 1×、2×、3× PNG 和 SVG。上传时选择哪些格式,网页就提供哪些资源,不会把没有导出的倍率自动补齐。

支持 Figma、评论或复杂原型吗?

当前产品以 Sketch 交付为主。支持导出的 Sketch Flow 链接,但不提供评论、复杂原型触发器、覆盖层动画或设计差异高亮。

自托管就意味着自动安全、自动备份吗?

不意味着。HTTPS、访问控制、请求限流、磁盘空间、异地备份与恢复演练需要由部署方负责。服务采用 Python HTTP 与单实例 SQLite,适合内部使用;大型团队应先做容量与负载验证。

让下一份设计,
有一个好的交付。

查看部署方式Sketch Mark · 自托管设计交付工具