Import Queue
HTML batches · Figma files · source metadata
MarkupFlow / Product Detail
DESKTOP EDITOR · ANNOTATION PIPELINE · MCP SERVICE
Product Detail
把导入、标注、发布三段工作流压进一个桌面工作台。
第二页聚焦产品内部结构：HTML 导入、Figma 导入、标注编辑、结构化检查、MCP 发布，各自如何在一条桌面端工作流里接力完成。
01 Import queue for HTML and Figma sources
02 Annotation editor with structure and measurement views
03 MCP publisher exposing machine-readable design payloads
Desktop Workspace
Validation
layer naming · component mapping · note completeness
Markup Editor
在一个工作台里查看页面结构、标注说明、尺寸数据与交互语义，让设计稿既能交付给人，也能发布给系统。
Annotation Layer + Measurement Layer + Semantic Notes
导入来源经过结构归一、标注补全与语义整理后，输出为一份可回查、可协作、可供下游系统读取的桌面设计资产。
Pipeline
三段式转换流程，把来源资产整理成可消费的标注数据。
每一段都承担不同职责：导入归一、标注补全、服务发布。它们共同构成桌面端交付工作流。
STEP 01
Import & Normalize
读取 HTML 页面或 Figma 设计稿，抽取结构、层级、元信息，并统一为内部可处理的设计对象。
STEP 02
Annotate & Review
在桌面编辑器中补充尺寸、命名语义、层级说明、组件映射与交互注释，让设计稿具备完整交付含义。
STEP 03
Publish & Serve
把标注设计稿中的页面结构、组件信息、尺寸说明和语义字段，经由 MCP 暴露给开发工具链与自动化服务。
Workspace Modules
桌面工作台内部分为编辑区、检查区、服务区。
不是一个静态导出器，而是一套让设计交付逐步走向结构化与服务化的桌面工作台。
Editor Surface
layout view · note layer · semantic fields · component outline
Review Checks
naming rules · mapping gaps · annotation completeness · drift alerts
MCP Publisher
structured payloads · queryable fields · downstream tool consumption