捕获任何网页并将其作为真实的、可编辑的框架和文本粘贴到 Figma 中,而不是平面屏幕截图。免费的 Chrome 扩展程序。
捕获任何网页并将其作为真实的可编辑设计图层直接粘贴到 Figma 中,而不是平面屏幕截图。
HTML 到 Figma(由 Yashitech 解决方案)将实时网站转换为您可以实际编辑的 Figma 框架:文本保持文本,布局通过自动布局保持结构化,图像以可编辑填充的形式呈现。不再需要从头开始重建页面或跟踪屏幕截图。
它是如何运作的
1. 打开任意网页,然后单击扩展程序图标
2. 选择要捕获的内容 - 设备预设(移动设备、平板电脑、桌面设备)、同时使用多种尺寸、自定义宽度或仅单击一个特定元素
3. 切换到 Figma 并粘贴 (Cmd/Ctrl+V) — 出现真实的帧和图层,准备编辑
主要特点
- 多种捕捉模式——设备预设、自定义像素宽度或单元素选择
- 多尺寸捕获 - 一次性捕获桌面和移动设备,而不是在每个断点重复该过程
- 真实的图层,而不是图像——文本、结构和布局在使用自动布局进入 Figma 后仍然存在
- 完全在您的浏览器中运行 - 您正在捕获的页面的任何内容都不会上传到服务器;结果直接进入您的剪贴板
- 适用于登录后的页面,因为捕获在您自己的经过身份验证的选项卡中运行
适合谁
设计师进行竞争性研究,开发人员将现有页面进行重新设计,或者任何需要将真实网站变成可编辑 Figma 图层而不是粘贴到框架中的平面图像的人。
定价
免费安装,有 10 个导出可供试用。 Pro 以每月 4.99 美元的价格解锁无限导出,可以随时从扩展内进行管理。
有问题、反馈,还是只是想看看接下来会发生什么?加入我们的 Discord:https://discord.com/invite/TJRPjrAGE5
由雅士科技解决方案建造。

