Figma中的“标注”和“切图”是两类任务：标注与属性检查帮助研发理解尺寸、间距和样式；切图通过Export导出PNG、JPG、SVG或PDF等资源。先确定研发要的是可检查的文件链接，还是一组图片资源，再选择对应的交付方式。
先检查文件权限与交付需求
将设计文件分享给研发前，确认对方能打开正确版本，并核对文件是否允许复制和导出。基础属性查看与资源导出，不等同于Dev Mode的完整功能。付费方案中的Dev Mode需要相应Full或Dev席位；交付前请确认研发同事具备所需权限。具体权限请查看Figma检查功能说明。
提前与研发约定资源格式、倍率、命名、透明背景和交付位置。例如，图标是否需要SVG、位图是否需要2x版本、哪个版本是最终稿，应在导出前确定。
如何查看尺寸、间距和样式
打开文件后选中需要检查的图层，在当前界面的属性面板中查看尺寸、位置、填充、描边与文字属性。需要完整研发工作流时，按账户权限进入Dev Mode，查看检查信息和团队留下的说明。不同版本的面板位置有所调整，可按属性检查与Dev Mode的功能名称查找。
标注应补充画面无法直接表达的要求，例如按钮禁用条件、文本截断规则、滚动区域和空状态。代码片段可作为实现参考，但不等于可以直接上线的完整业务代码，研发仍需结合项目组件和样式规范调整。
如何在Figma中导出切图
- 选中导出对象。在画布或图层列表选中图层、组件、组或Frame。若需要完整卡片，确认没有只选中里面的一张图片。
- 添加导出设置。在右侧找到Export，添加所需设置，选择格式和倍率，并按项目约定填写后缀。
- 检查边界。确认阴影、描边、遮罩和透明区域是否包含在预期范围。需要自定义导出区域时，可了解Figma的Slice工具。
- 导出并打开结果。用实际使用方式检查尺寸、透明背景、边缘清晰度与文件大小。批量导出前先验收一个代表性资源。
格式选择应以交付场景为准：PNG可保留透明背景；JPG适合不需要透明背景的位图；SVG适合需要矢量缩放的资源，但应检查字体、效果和目标环境的支持；PDF可用于页面审阅。导出的图片不保留完整可编辑图层，若要交接设计源文件，应另行确认文件分享或本地副本流程。
常见导出问题如何排查？
- 看不到导出入口：先确认选中了可导出的对象，再检查文件权限与共享设置。
- 导出的范围不对：检查选中的层级、Frame裁切和对象边界，必要时使用明确的容器或Slice。
- 导出后模糊：检查源位图分辨率与导出倍率。将小图提高导出倍率不能补回原图细节。
- 文件名与项目不匹配：按仓库、平台和团队约定统一命名及后缀。文件名能否使用中文，以及是否需要下划线或目录层级，应按具体工具链核对。
- 研发拿到的是旧版本：在交付说明中写明文件链接、资源版本与修改范围，避免多个压缩包之间无法辨认更新。
交付清单与相关教程
交付时至少包含：可访问的设计文件、关键状态说明、约定格式的资源、命名与倍率说明，以及本次修改记录。让研发实际打开链接并抽查一项资源，能尽早发现权限或格式问题。
把设计、评论和资源交付放到Pixso中
如果团队经常在截图、设计文件和切图压缩包之间来回切换，可以用Pixso体验围绕同一份设计稿交付的方式：产品与设计留下页面评论，研发查看尺寸、样式与代码参考，并按需要导出PNG、SVG等多倍率资源。
开始时选一个小页面即可。已有Figma设计稿，可导出.fig副本并导入Pixso，检查字体与布局；随后补充按钮状态、文本规则和资源命名说明，邀请开发同事打开文件，完成一次参数查看与素材导出。
进入Pixso，邀请研发完成一次设计交付。需要先了解工作方式，可查看Pixso设计协作与切图导出功能。
参考资料：Figma静态设计导出、Dev Mode指南。图片填充可继续阅读Figma图片填充与蒙版教程。
