Sketch 设计稿交付给研发时，可以先将 .sketch 原文件导入 Pixso，再发送有查看权限的设计链接。研发打开文件后，选中图层即可查看尺寸、间距、字体、颜色和样式代码；需要下载图片时，再为接收者开放导出权限，不必把每一处尺寸手动画在设计稿上。
团队成员使用不同系统，也可以通过浏览器接收和查看设计。需要进一步了解导入后怎样继续编辑与协作，可以查看 Pixso 的跨平台设计与协作。这里以一份旅游 App 设计稿为例，完成从设计师发出文件到研发读取标注的交接。
标注与切图解决的是两件事：标注说明元素的尺寸、位置和样式；切图提供工程需要使用的图片资源。先把设计信息交接清楚，再决定哪些图层需要导出，普通文字和简单背景不必全部变成图片。
1. 准备可读取图层的 Sketch 设计稿
交接前准备好 Sketch 原文件，并明确本次要开发的页面和状态。只有整页截图时，研发能看到外观，却不能像选中原始文本和图形那样读取各自的字体、间距与样式。不要用一张导出的 PNG 代替原文件来做标注交接。
- 把页面放在画板中：首页、订单页、个人中心分别命名，避免几个画板都叫“未命名”。需要交付的独立组件也应有清楚的归属。
- 标明页面状态：默认、选中、加载或空内容应能分辨。例如，订单列表的空状态与有订单状态，不能只交付其中一张却让研发自行猜测另一种。
- 先检查关键文字：标题、按钮和多行说明的字体与换行会影响尺寸。导入后发现字体缺失或显示变化，应先处理，再让研发按对应图层读取数值。
以旅游 App 为例，“首页推荐”“行程订单”等名称比连续的 Home、Home 2 更便于沟通。交付消息中直接写明页面和状态，接收者才能快速定位到正确画板。
2. 导入文件，检查画板和关键图层
登录 Pixso 后进入工作台，点击“导入文件”，选择 Sketch 类型并上传 .sketch 文件。导入完成后打开设计稿，先检查画板、文字和需要交付的图形，再发送链接。
在旅游 App 首页中，依次选中标题、Train 入口和下方景点卡片，确认它们对应独立的文本或图形图层。遇到组合对象，应展开图层列表找到实际需要的子图层；如果导入的是整页图片，就无法从中直接读取每个按钮和文本的原始属性。
下图中的多个页面与图层列表，可以帮助研发定位首页、订单和个人中心；选中一个对象后，右侧显示对应的属性和代码信息。开始交接前，应先确认这些信息对应预期图层，而不是误选了整张画板或其他隐藏对象。
如果接到的原文件是 Figma 格式，可使用 Figma 切图与标注教程中的导入方法；共享文件后查看属性的目的相同，但不要混用两种文件的导入步骤。
3. 分享给研发，并开放需要的查看和导出权限
点击文件右上角“分享”，先确认接收者，再设置访问范围和权限。只需读取标注、检查实现的研发人员使用“可查看”即可；需要直接修改设计内容时，才安排相应编辑权限与席位。
- 确认访问范围：内部项目优先分享给指定协作者或企业内部人员。交给外部研发时，还需检查企业文件是否允许对应外部账号访问。
- 确认操作权限：查看者是否可以创建副本、复制图层、导出文件或图层，由高级设置分别控制。需要拿切图时，检查导出权限，不必同时开放其他操作。
- 发送正确链接：发送设计文件或研发模式链接。只用于演示交互的链接不能代替完整的标注交接；企业版“仅演示”权限也不能进入编辑器查看更多信息。
- 让接收者打开一次：请对方使用获邀账号确认能够打开目标画板、查看属性，并完成约定的资源下载。
启用了分享密码时，把链接和当前密码一并发给接收者；重置密码后，旧密码将失效。账号、访问范围或导出设置有疑问，可查看 分享与权限说明。
4. 读取尺寸、间距和样式，确认选中的是正确对象
进入研发模式，先找到目标画板
研发打开文件后，可通过顶部右侧的“研发模式”按钮切换视图，图标为 </>。研发模式集中展示顶层画板，便于按页面检查设计；在该模式中复制分享链接，对方打开时也会进入研发模式，访问权限仍与原设计文件一致。
如果研发模式里少了一个独立图标或组件，先回到设计文件检查它是否放在顶层画板内。直接散放在画布上的普通文字、矢量或组件可能不会在该视图中展示，为其创建父级画板后再交接。具体界面操作见 研发模式指南。
以一个入口为例，分别读取尺寸、文字和间距
下图选中的是旅游 App 首页 Train 入口中的彩色方形图层，右侧显示宽、高均为 72 px，并列出填充和 CSS 参考信息。这是当前所选图层的尺寸，不应直接当成整组入口、下方文字或按钮可点击区域的尺寸。
- 看图形大小：选中对应形状或组件，读取宽高、圆角、填充、描边及阴影。整个组件和其中图标的数值可能不同。
- 看文字样式：单独选中 Train 文本，检查字体、字重、字号和行高，不能用上方方形图层的属性推断文字样式。
- 看对象间距：在查看者模式或标注面板中选中一个图层，再将鼠标移到要比较的对象或位置，读取间距。先确认比较的是两组入口，还是图标与文字。
总是选到组件内部的小图层时，可检查选中偏好，调整是否允许选中组件或切图内部的图层；需要读取内部文字时，再选择对应子图层。属性和间距的完整操作见 开发标注面板。
单位与代码要和项目的实现方式对应
按项目选择 Web、iOS 或 Android 开发平台及对应单位。标注支持按比例或指定画板宽度换算，这不会改变设计稿本身的尺寸；它也不是导出图片时的 2 倍、3 倍倍率设置。
代码模块中的 CSS、iOS、Android 参考代码可以帮助实现元素样式。复制后仍需结合项目的布局和组件使用，页面交互、接口和业务逻辑需要另行实现。需要 PNG、SVG 等资源时，先确认导出权限，再按 Sketch 文件导出 PNG 与 SVG 的步骤处理。
交接后改了设计，怎样让研发找到变化？
后续调整继续围绕同一份设计文件沟通，同时说明改了哪个画板、哪个对象和哪个状态。例如：“首页推荐卡片的标题改为两行，请重新查看标题行高和卡片底部间距。”比只发一句“稿子更新了”更容易执行。
研发重新打开对应内容，确认当前属性后再更新实现。已经下载到本地或加入代码仓库的图片，不会随设计文件自动替换；涉及资源变化时，还要明确要重新导出的文件及状态。完成后把实际页面与设计稿对照，检查字体、间距、换行和资源是否一致。
接收文件后遇到问题，先检查这几处
- 链接打不开：检查是否登录获邀账号、分享范围是否包含接收者，以及企业外部访问设置；提示密码错误时，索取当前密码。
- 只能播放原型：确认拿到的是否为演示链接或仅演示权限，向分享者索取适合查看标注的设计文件链接。
- 能查看却不能下载：先检查高级设置中的导出权限；没有可下载切图时，再确认对应图层是否设置了导出属性。
- 读到的尺寸与预期不同：确认选中的层级、开发平台和单位；不要把组、内部图标与交互热区当成同一个对象。
可以先用一张画板完成导入、分享、查看标注和资源下载，确认双方能顺利交接后，再处理完整项目。打开 Pixso 工作台，导入 Sketch 设计稿。
