必须先上传sketch或figma导出的json设计稿并启用自动标注，才能在墨刀中生成可交付标注信息；直接拖入png/jpg将导致标注面板空白，隐藏或锁定图层亦无法参与标注与代码输出。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
要在墨刀中为开发团队自动生成可交付的标注信息，必须先确保设计稿已正确上传并结构化，否则右侧标注面板将无法识别图层属性或输出有效代码。
上传设计稿并启用自动标注
打开墨刀项目 → 点击左上角「+新建项目」→ 选择「从设计稿创建」→ 上传 Sketch 或 Figma 导出的 JSON 文件（仅支持官方插件导出格式）。
这一步不能跳过：如果直接拖入 PNG 或 JPG，【墨刀将完全无法解析图层结构，标注面板空白】。Sketch 用户需提前安装「MockingBot Sketch Plugin 3.2+」并勾选「导出图层信息」。
上传成功后，系统自动解析 artboard，每个界面生成独立画布，图层树完整保留命名与嵌套关系。
进入标注模式查看开发信息
点击顶部导航栏「标注」按钮，或按快捷键 Ctrl+Shift+B（Windows）/ Cmd+Shift+B（Mac）。
鼠标悬停任意 UI 元素，左侧实时显示间距、字体大小、行高、颜色值；单击该元素，右侧标注面板展开详细参数。
注意：若点击后无反应，请检查图层是否被锁定或隐藏——【隐藏图层不会出现在标注面板中，也无法复制代码】。
深入解析 Figma Make AI 功能，教你如何通过简单的文字描述一键生成高品质、可编辑的移动端与网页端 UI 设计。涵盖高效 Prompt 撰写、组件自动化布局及原型连线技巧，助你彻底告别空白画布焦虑，实现设计效率指数级提升。
配置平台与单位输出适配代码
第一步：在标注面板左上角点击【平台】→ 展开设置菜单。
第二步：选择目标平台（iOS / Android / Web），单位设为 dp（Android）、pt（iOS）、px（Web），倍率选 @2x 或 @3x。
第三步：勾选「显示样式代码」→ 点击任意按钮或文本框 → 面板底部立即生成对应平台的 CSS/Swift/Android XML 代码块。
这一步操作起来很简单，直接点选即可生效，但平台选错会导致开发拿到错误的尺寸换算结果，务必与前端约定一致。
导出切图与批量复制标注
右键点击图层 → 选择「导出选中图层」→ 勾选 @1x、@2x、@3x → 点击「下载」，生成 ZIP 包含全部多倍率 PNG。
在标注面板中，鼠标移至代码块右上角 → 点击「复制」图标 → 开发可直接粘贴进 IDE 使用。
如需整页标注数据，点击面板右上角「导出 JSON」→ 下载结构化标注元数据，供自动化工具解析。
