页面错乱 → 最快解法:先保留原始 Sketch 文件、导入副本和原稿截图,再按字体、组件、样式与资源逐项核对。

简单的视觉偏差可直接在 Figma 修复;如果涉及原组件库、复杂效果或文件导入失败,就回到原生 Sketch 环境复核,偶发项目可以临时使用远程 Mac。

这篇文章适合三类人:

  • 需要把历史 Sketch 项目迁移到 Figma 的 UI 设计师;
  • 在 Windows 上接收 .sketch 文件并负责修改、交付的自由设计师;
  • 需要评估设计系统迁移工作量的产品团队负责人。

Sketch 导入 Figma 后错乱:先做文件分流

导入完成,不等于迁移完成。官方说明显示,.sketch 文件会被转换为独立的 Figma Design 文件,原 Sketch 文件后续发生的修改不会自动同步到 Figma。导入前也建议使用当前稳定版 Sketch 保存文件,测试版文件可能出现资产差异。

参考:Figma 关于导入 Sketch 文件的说明

先建立三个版本:

  1. 原始文件:收到的 .sketch 文件,只读保存,不直接修改。
  2. 导入副本:导入 Figma 后的文件,所有修复都在这里进行。
  3. 视觉基准:来自原稿的页面截图或导出图,用于对照,不依赖记忆判断。

然后把异常分成三类:

  • 整体差异:页面尺寸、缩放比例或画布显示方式不同,但元素关系基本一致。
  • 局部差异:某些文字换行、按钮尺寸、阴影、渐变或图片发生变化。
  • 源文件问题:原始 Sketch 文件本身已经缺字体、缺外部 Library,或在原环境中就无法正常打开。

如果只是单个页面的字体和阴影变化,可以在 Figma 处理。如果多个页面的 Symbols、共享样式和嵌套实例同时失效,不要继续批量修复,先回到源文件确认结构。

⚠️ 不要把导入后的 Figma 文件当成新的唯一源文件。迁移过程中至少保留原始文件、导入副本、问题记录和静态参考稿,否则后续很难追查某个变化来自源文件、导入过程还是人工修改。

字体与换行:先核对名称,再核对版本

导入之后文字排版发生变化,通常该从哪里查起?

最常见原因不是“软件随机替换字体”,而是目标环境没有完全一致的字体文件。字体名称相同,也不代表字体版本、字重定义、可变字体设置和字宽完全一致。文字一旦换行,卡片高度、按钮宽度和页面节奏都会跟着变化。

处理时不要直接对全文件执行批量替换。按下面顺序检查:

  • 字体家族名称是否一致;
  • 字重是否对应,例如 Regular、Medium、Semibold 是否被映射成相近但不同的值;
  • 字体文件版本是否一致;
  • 原稿是否使用了可变字体或自定义字重;
  • Figma 使用的是桌面端、浏览器本地字体,还是团队上传字体。

Figma 官方说明支持通过桌面端使用本机字体;如果在浏览器中编辑,则需要安装字体安装器。额外字体文件支持 .TTF.OTF 格式。浏览器还可能因为本地网络权限被阻止,导致已安装字体无法出现在字体菜单中。

参考:Figma 添加本地字体的官方说明
参考:Figma 浏览器本地字体权限说明
参考:Figma 文本与字体版本检查说明

验收时至少抽查这些页面:

  • 首屏标题和副标题;
  • 含多行说明文字的卡片;
  • 表单、按钮和弹窗;
  • 使用数字、英文或特殊符号的文本;
  • 设计系统中的字号、行高和字间距示例。

记录受影响的文本层名称。修复后重新检查换行、文本框高度、按钮内边距和相邻元素间距。只要其中一项仍然变化,就不能把字体问题标记为“已完成”。

Symbols 与组件:检查主组件和实例关系

转换完成后,怎样确认原有 Symbols 关系没有断开?

导入时,Sketch Symbols 会转换为 Figma 组件。原来的 Symbols 页面会作为包含主组件的页面导入。但如果导入的是 Sketch Library,它会先成为一个独立的 Figma 文件,并不会自动变成可在其他文件中直接复用的团队库。

参考:Figma 关于 Symbols、组件和 Library 的转换说明
参考:Figma 组件库与发布机制说明

重点检查四层关系:

  • 主组件是否仍在预期页面;
  • 页面中的实例是否仍然指向正确主组件;
  • 覆盖内容是否保留,例如文字、图片和状态;
  • 嵌套组件是否仍然可以单独替换或调整。

如果你准备把导入后的组件发布为 Figma Library,不能假设原有实例会自动重新连接。官方说明指出,发布后可能需要逐个替换组件,或执行 Library swap。

外部 Sketch Library 尤其容易误判。不要只看组件名称猜对应关系。名称相同的按钮,可能来自不同文件、不同版本或不同嵌套层级。无法确认来源时,应先在原生 Sketch 中打开源 Library,再核对 Symbol、覆盖项和嵌套关系。

适合直接修复的情况:

  • 主组件和实例仍然存在;
  • 只有少量覆盖内容丢失;
  • 组件数量不多;
  • 交付目标是静态页面或短期评审稿。

应考虑重建的情况:

  • 主组件大量缺失;
  • 实例已经无法追踪来源;
  • 原设计系统依赖多个外部 Library;
  • 迁移后还要长期维护组件、变量和版本更新。

样式与效果:区分视觉相似和结构完整

Figma 导入说明明确指出,Sketch 样式不会在导入过程中完整保留,需要在 Figma 中重新创建。颜色、文本和效果样式在 Figma 中可以独立建立并发布到团队库,但这意味着迁移工作不只是“把颜色调回一样”。

参考:Figma 样式创建与共享说明

建议使用下面的对照记录:

检查对象 原稿记录 Figma 导入结果 验收动作
颜色与描边 色值、透明度、渐变方向 是否相同 重建颜色样式,检查透明度
文本样式 字体、字号、行高、字间距 是否发生换行 建立文本样式并抽查关键页面
阴影与模糊 类型、距离、扩散、透明度 是否只是近似效果 对照截图,必要时人工重做
蒙版与混合 图层顺序、裁切范围、混合模式 是否出现边缘或层级变化 放大检查并导出资产
组件状态 默认、禁用、悬停、选中 是否保留状态结构 逐状态点击检查

静态交付和设计系统迁移的修复深度不同。

如果最终只是交付一组视觉稿,优先保证关键页面看起来一致,并记录仍然存在的结构差异。如果文件要作为长期设计系统使用,就必须重建可复用的颜色样式、文本样式、效果样式和组件关系。视觉上相似,不代表后续修改仍然安全。

大文件与资源缺失:先证明源文件可用

遇到 .sketch 文件无法进入 Figma,排查顺序应该怎样安排?

先不要反复点击导入。确认原始文件能否在当前稳定版 Sketch 中正常打开,再区分三种情况:

  • 文件本身损坏;
  • 外部图片、字体或 Library 已经缺失;
  • 文件体量过大或版本跨度较长,导致导入过程失败。

Figma 官方提示,过大的 Sketch 文件可能导入失败。可先复制文件,再按页面、产品模块或功能区域拆分副本,逐个导入。拆分后的文件不要覆盖原始文件。

参考:Figma 大型 Sketch 文件导入提示

只有 Windows 设备时,源文件检查可以怎样完成?

如果只是查看、评论或导出部分信息,部分 Sketch Workspace 内容可以通过浏览器查看。但完整的源文件打开、字体管理、Library 检查和编辑流程仍然以 Mac 应用为核心。官方文档也将本地文档打开、编辑和部分导入流程放在 Mac 应用中完成。

参考:Sketch 创建、打开与查看文档说明
参考:Sketch 导入、导出与文件能力说明

这时可以先按项目周期分流:

  • 只是一次性查看:让拥有原生环境的人完成检查并回传截图、资产和问题记录;
  • 需要修改源文件:使用可控的远程 Mac 环境,在原生 Sketch 中打开并整理;
  • 需要长期维护多个项目:重新评估团队是否应该保留稳定的 Mac 工作流。

远程 Mac 适合完成源文件检查、字体安装、Library 核对和迁移前整理。它不等于自动解决导入问题,也不保证任何网络环境下都没有延迟。正式交付前,仍然要以导出的静态稿、组件检查和源文件复核结果为准。你可以先了解 Windows 用户使用 Sketch 的方案,再决定是临时复核还是建立长期环境。

迁移验收:用清单决定下一步

完成 Sketch 到 Figma 的转换后,哪些项目必须逐项验收?

不要只打开首页看一眼。按照“视觉、结构、资产、源文件”四组检查,才能判断迁移是否可交付。

可勾选验收清单

  • [ ] 已保存原始 .sketch 文件,且没有在原文件上直接修改;
  • [ ] 已保存 Figma 导入副本,并标记导入日期和文件来源;
  • [ ] 已准备代表性页面截图或静态导出稿;
  • [ ] 已核对字体家族、字重、版本和浏览器字体权限;
  • [ ] 已抽查标题、长文本、按钮、表单和弹窗的换行;
  • [ ] 已检查 Symbols 转换后的主组件与实例关系;
  • [ ] 已检查组件覆盖内容和嵌套层级;
  • [ ] 已重新确认颜色、文本和效果样式;
  • [ ] 已检查阴影、渐变、蒙版和混合模式;
  • [ ] 已确认图片、图标和其他资产没有缺失;
  • [ ] 已尝试导出关键页面和交付资产;
  • [ ] 已记录每个未修复问题、责任人和后续处理方式;
  • [ ] 已在必要时回到原生 Sketch 环境复核源文件。

验收后按结果选择路径:

  • Figma 内直接修复:字体一致,组件关系基本完整,问题集中在局部样式;
  • 远程 Mac 短期复核:无法确认源文件、字体或外部 Library,需要原生 Sketch 打开;
  • 设计系统重建:共享样式和组件关系大面积丢失,后续还要持续维护和发布。

如果你经常在 Windows 上接收 .sketch 文件,建议把 跨平台字体交付清单 纳入项目交接流程。若团队需要临时处理多个源文件,也可以参考 远程 Mac 运行设计软件的方案,重点先验证字体、文件访问和交付方式,而不是只看能否成功连接。

当前方案与 Mac 复核环境

只在 Figma 中反复修复,优点是团队协作方便、改动容易留下记录。但它也有明确边界:

  • 无法确认源文件在 Sketch 中是否本来就有问题;
  • 外部 Library、字体嵌入和原始 Symbol 来源可能无法完整追溯;
  • 复杂效果只能凭导入结果猜测,容易把错误版本继续交付;
  • Windows 用户无法直接完成部分原生 Sketch 编辑和文件检查。

如果只是偶尔迁移一个项目,不建议为了单次任务立即购买 Mac 实机。你可以先按项目周期租用 MACCOME 的远程 Mac,完成源文件整理、字体复核、组件确认和导入验收,再决定是否需要长期保留 Mac 工作流。对于长期稳定重负载、依赖物理接口或需要离线工作的团队,自购 Mac 仍然更合适;对于一次性迁移、短期交付和跨平台协作,临时远程环境通常更容易控制成本与时间。