Website to Figma：网页转 Figma，整站导入，不只是首页

要把同一个网站的多个页面导入 Figma，有三种方式，而且可以组合使用。

批量链接

在 Multiple 标签页中粘贴最多 10 个网址。插件按顺序处理，每个页面单独放一行：同一页面的 Desktop、Tablet、Mobile 屏幕排在一起，不同页面自上而下依次排列。

导入站内链接页面

导入完成后，插件可以列出当前页面链接到的同站其他页面。选中需要的页面，它们就会作为一次批量导入运行。从首页出发，通常两三轮就能覆盖网站的主导航。

网站文件夹或 .zip

如果你有静态构建产物，把文件夹拖进 Local file 标签页，或上传最大 30 MB 的 .zip，然后选择要导入的 HTML 页面。文件在隔离的浏览器中从内存打开，导入一结束就会删除。

无论包含多少个屏幕，每个页面都只计为一次导入。Free 版每月 10 次导入；Pro 和 Team 在合理使用范围内不限次数。详情见 价格页面。

一组静态 Frame 已经很有用，但客户和相关方能亲手点一点，理解网站会快得多。HTML to Frames 会保留网站原有的导航：

• 已导入页面之间的链接 变成 Navigate 交互：在首页 Frame 上点“价格”，就会跳到价格页的 Frame。
• 其他链接 保留 Open link 动作，在浏览器中打开。
• 固定和吸顶的页头 在演示模式中滚动时保持原位。
• 横向滚动区域（例如轮播和标签栏）可以左右滑动。

在 Pro 版中，带有悬停效果的元素会变成组件集，包含 Default 和 Hover 两个变体以及悬停交互，鼠标移上去时按钮和菜单项就会有反馈。

这样，导入的网站本身就是一个可以直接演示的基准版本。先带大家走一遍现有体验，用评论标出问题，再复制 Frame，在原版旁边开始改版。每个 Frame 都记录了来源网址，之后随时可以重新导入任一页面，对比线上网站和改版方案。页面如何被组织成 Frame，详见 HTML 转框架（Frame）。

原型连线只会在本次导入的页面之间建立，所以用 Import linked pages 补充页面，也就同时延长了可点击的流程。

对设计机构来说，项目第一周往往花在把客户现有网站重画一遍上，这样才有东西可以改。直接导入能省掉大部分这类工作，团队拿到的还是一个已经整理好的文件。

常见流程如下：

1. 提案之前： 导入客户的主要页面模板，开启样式与变量，看清网站实际在用的颜色和字体体系。
2. 需求调研阶段： 向客户演示可点击的导入结果，直接在 Frame 上标注痛点。
3. 改版阶段： 复制 Frame 原地修改；从重复结构中提取的组件能让全局改动更快完成。
4. 交付阶段： 重新导入改动过的页面，确认最终上线的效果。

Team 方案在一个共享许可证密钥上提供五个席位，首发价每月 $22，每次导入最多四个屏幕，很适合几位设计师同时导入客户网站的小型工作室。

承接客户项目的机构通常也关心数据问题。页面在隔离的浏览器中渲染，结果只交付一次，从不写入磁盘。完整说明见 安全页面。