产品维护项目文档
在项目内记录背景、范围、页面状态与验收口径，让设计和实现始终有业务依据。
背景 · 范围 · 验收
结构化设计空间来源 → 汇聚 → 输出
DHDESIGN
HUB汇聚 · 对齐 · 分发
HUB汇聚 · 对齐 · 分发
01
结构
图层树成为语义图
页面、区块和组件拥有稳定角色，位置变化不会改变它们的业务身份。
页面区块组件数值
设计到实现的协作工作台 · V1
让设计稿成为
可以被实现的结构。
DesignHub 把产品文档与 Sketch 设计稿组织成开发者和 AI 都能理解的交付上下文。产品定义需求，设计师发布重点页面，开发者与 Agent 读取同一份真实结构。
D DesignHub / 电商 App● 已同步
‹商品详情⌃
NEW
秋季新品
轻量保暖外套
¥399采用轻量保暖面料，立体剪裁贴合身形。适合秋冬通勤与日常出行。
● 2 个切图● 12 个组件● 3 条批注最后发布于 10:42
01 / 协作流程
从需求到实现，
每个角色都在同一条链路上。
产品文档定义“为什么和做到什么”，设计稿提供“长什么样和如何布局”，实现过程持续回流到具体页面。
设计师发布重点页面
在 Sketch 中选择画板，一键完成解析、出图和上传，并保留图层与变量语义。
Sketch → DesignHub
开发者读取实现参数
同时查看间距、Stack、字体、变量、切图和批注，不再依赖截图反推规则。
间距 · 内边距 · 变量
Agent 读取完整上下文
通过 MCP 同时获得页面结构与产品文档，在明确约束下生成和扩展界面。
context://designhub02 / 交互演示
点开一个图层，
看看设计规则如何出现。
预览不是终点，能被实现的上下文才是交付。
进入完整交互体验 ↗公开体验使用 DesignHub 真实项目快照，不依赖本地服务
03 / V1 产品能力
一次发布，
形成可以直接开工的交付包。
V1 已经覆盖发布、看稿、取数、切图、走查和 Agent 读取。每项能力都对应交付中的一个具体动作。
受控发布，不误覆盖
插件只读取选中的画板；上传前检查保存状态、Node、画板和切图。更新对应页面时，项目其他画板与原分享链接保持不变。
预检 · 局部更新 · 链接不变
可信标注与测距
查看完整图层树、尺寸、相对坐标、Stack 和样式；悬停即可比较兄弟元素，固定测距可保留任意两层间的结果。
父边距 · 兄弟间距 · Stack
原生切图直接交付
沿用 Sketch 的 Make Exportable，自动识别 1x / 2x / 3x 与 SVG；开发可筛选、定位、单独下载或打包 ZIP。
原生标记 · 多倍率 · ZIP
文档与权限各归其位
项目 Markdown 独立于 Sketch 保存。分享凭证用于看稿、下载和批注，编辑口令只交给维护产品文档的人。
查看项目文档 →
反馈落到页面和版本
批注支持打点、回复、解决与删除；重新发布后保留协作入口，并生成变更摘要和未完成提示。
批注闭环 · 变更摘要
按需读取，不撑爆上下文
Agent 先用结构大纲定位目标，再读取单图层规格、间距、变量、切图和批注，并生成多端代码供人工核对。
大纲 → 图层 → 代码04 / 系统架构
一份发布包，
怎样成为共同的设计事实。
设计机负责真实解析与渲染，私有服务负责持久化与授权；浏览器和 Agent 只读取同一份已发布结果。
Sketch + 插件
在设计师的 Mac 上完成真实文件解析与画板渲染。
发布预检结构解析本机渲染
汇聚交付事实
将同一版本的结构、视觉与产品上下文放进一个可追踪的发布包。
结构design.json视觉preview.png / assets上下文project.md
同一结果，两种读取方式
人和 Agent 不再各自猜测设计意图。
浏览器工作台看稿 · 测距 · 变量 · 切图 · 批注
MCP 按需读取大纲定位 · 图层规格 · 资源与上下文
名称是稳定接口
职责、变体、状态和断点写进图层名，结构移动后仍可识别。
<role>-<key> --state-disabled
信息各有唯一来源
图层名管语义，Sketch 管视觉属性，产品文档管业务与验收。
名称 · 属性 · 文档 · 对象 ID
错误停在发布之前
保存、选择、解析、切图与命名逐项预检，通过后再原子替换。
预检 → 解析 → 原子发布
下一步 / 产品路线
先让交付可靠，
再让 Agent 扩展。
DesignHub 的演进围绕同一条工具链：先建立可信的设计事实，再补齐规范守卫和版本能力，最后进入受约束、可审核的页面扩展。
重点页面+设计规范+产品文档→受控扩展
当前 · V1结构化交付
发布、标注、切图、项目文档、批注与 MCP 读取。
已提供下一阶段 · V1.x设计规范守卫
命名校验、Token 白名单、栅格检查与像素级版本 Diff。
规划中远期 · V2Agent 页面扩展
依据重点页面、设计规范和产品文档扩展，再由设计师审核回写。
概念