如何把登录后才能看到的页面导入 Figma

你需要放进 Figma 的那个页面，往往正是没法发链接的那个。为什么粘贴网址会返回登录表单，以及在能越过这一关的工具上该确认什么。

你真正需要放进 Figma 的那个页面，往往正是没法发链接的那个。公司内部的管理后台。登录之后才会填上数据的仪表盘。还没公开的预发布版本。你把网址粘进转换器，它返回登录页——因为那确实就是它看到的东西。

有办法绕过去，而且不是什么技巧，是架构不同。这篇讲清楚为什么"贴网址"这条路在这里走不通、几种替代方案实际在做什么，以及把一个私有页面交给任何工具之前该确认什么。

为什么粘贴网址不可能行得通

当一个工具向你要网址时，去打开这个网址的是工具那边的某个东西。一台服务器，或者跑在服务器上的无头浏览器。那台机器有自己的网络位置和自己空着的 cookie 罐。它不是你。

于是它以匿名访客的身份到达你的仪表盘，拿到匿名访客该拿到的东西：一个登录表单。重试多少次都不会变，因为缺的是你的会话，而会话在你的浏览器里。

这也是为什么这种失败如此一致。它不是谁能修的 bug——服务器看不到一个"必须是你"才能看的页面。

行不通的绕法

• 把会话 cookie 粘到工具里。 有些工具接受自定义请求头。先不说把会话令牌交给第三方有多别扭，现在的认证大多寿命很短，也不只绑一个 cookie，所以往往还是失败。
• 把页面临时设为公开。 预发布环境偶尔可以。真实环境几乎不可能，而且这会改变页面渲染出来的内容。
• 截图然后照着重画。 你得到一张图。导入 Figma 的全部理由就是要可编辑的图层，而截图一个都没有。

行得通的做法：在你已经打开的浏览器里捕获

如果转换发生在你自己的标签页里，会话这个问题就消失了——不是被解决了，而是压根没出现过。页面已经渲染在你面前，登录着，数据加载好了，菜单还是你留下的那个状态。在那里运行的转换器读到的就是你看到的。

这就是基于浏览器扩展的导入器的思路，现在有好几个工具都提供了扩展。这一点说清楚：捕获登录后的页面并不是某一个工具独有的能力。 html.to.design 就有针对登录或 VPN 之后页面的扩展，其他家也有。如果你在哪里读到某家声称只有自己能做到，去核实一下。

它们之间真正不同的，是捕获之后发生了什么。

该问的是另一个问题：捕获到的东西去了哪里

浏览器读完页面之后，这些数据要送到 Figma。路径有两条，而这个差别比"捕获"这一步更重要。

经过服务器。 扩展把捕获上传，Figma 插件再下载。方便，同时也意味着一个私有页面的内容——文字、客户名、仪表盘上的数字——会经过你无法掌控的基础设施。这类工具通常也提供本地文件的选项：你把捕获下载下来，自己交给插件。但那通常不是默认路径，你得知道它存在才会去选。

完全不经过服务器。 捕获进入你的剪贴板或磁盘，Figma 插件从那里读。什么都不会被上传，因为没有可上传的去处。

如果你要捕获的是签了保密协议的页面、带客户数据的页面，或者任何来自受监管环境的画面，这才是你们安全团队关心的区分点。不是"能不能在登录后使用"——这一类工具都能——而是"内容会不会离开这台机器，我能不能验证"。

怎么自己验证，而不是选择相信

两项检查，都很快。

读 Figma 插件的 manifest

每个 Figma 插件都在 manifest 里声明自己的网络访问权限，而 Figma 会强制执行这个声明：声明为无的插件，代码再怎么尝试也发不出请求。Snapture Import 的声明是：

"networkAccess": { "allowedDomains": ["none"] }

这是插件不具备的能力，而不是谁承诺遵守的政策。任何已安装插件的 manifest，你都可以自己读。

看网络面板

打开开发者工具，切到 Network，跑一次捕获。你能看到扩展发出的请求。对 Snapture 来说是页面自己的图片，好让它们进到你的文件里，如果你用付费版还有一次许可证校验。如果某个工具在上传页面内容，这里就会显出来。

什么会进来，什么不会

捕获渲染后的页面，意味着你得到的是你正在看的这个状态——包括一些工具走网址那条路在公开页面上也够不着的东西。

• 打开着的菜单、弹窗和浮层会保持打开，因为捕获读的是当下的 DOM，而不是重新加载。
• 登录后才存在的数据——表格的行、图表的数值、角落里你自己的名字——是以真正的文本进来的。
• 密码输入框应当由工具在捕获时遮蔽。Snapture 在写入任何东西之前就把值换成圆点；在捕获你填过的表单之前，确认你用的工具也这么做。

任何工具都无法作为图层带进来的：WebGL 画布、跨源 iframe、视频帧。谁也没办法把它们变成矢量，因为这些像素并不由 DOM 描述。合理的做法是插入那块区域的清晰截图，而不是一个灰色占位框，Snapture 就是这么做的。

捕获内部仪表盘的实际顺序

1. 登录，把页面调到你想要的状态，包括需要一起捕获的面板或弹窗。
2. 整页滚到底再滚回来。仪表盘会延迟加载表格行和图表，没渲染出来的东西是捕获不到的。
3. 捕获整页，或者只需要某个面板时拖选一个区域。
4. 粘进 Figma。如果字体被替换了，装上页面用的那些字体再重新导入——被替换的字体会让文本重新测量，后面的一切都会挪位。

如果仪表盘特别大，捕获你需要的那一段，而不是整页。每个工具都有预算，把真正想要的部分按区域捕获，比一个中途撞上限制的整页更快也更准。

简单说

贴网址的转换器看不到登录之后，这是结构决定的，不是谁会去补的缺口。用浏览器扩展捕获能解决，而且提供这个能力的工具不止一家。真正值得问的不是某个工具能不能捕获登录后的页面，而是那之后页面内容会不会离开你的机器——这个问题你一分钟就能自己验证。

English · 한국어 · 日本語 · 简体中文 · 繁體中文 · Español · Português · Français · Deutsch · Русский · Italiano · Bahasa Indonesia