01 / Chrome
捕获你所见
打开需要修改的页面，点击 Chrome 工具栏中的 Snapture，选择捕获范围。
网页画面，
在 Figma 中编辑。
捕获当前页面，包括登录后的界面，在 Figma 中修改文字和布局。
每月免费捕获 10 次，每月重置。
功能
让现有界面成为下一版设计的起点
02 / HTML + CSS
也支持HTML和CSS
预览代码，调整宽度，然后捕捉。
03 / Figma
Auto Layout
在能够保留原始布局的区域应用 Auto Layout，方便继续编辑。
组件 & 样式
结构匹配的重复元素可以转为组件。支持的文字、颜色和 CSS 颜色变量会转为本地样式和变量。
04 / Viewport
适配不同宽度
捕捉页面在各个宽度下实际呈现的布局。
图表、地图、3D
图表、地图和 3D 内容可能作为图片导入。这些区域不能作为图表数据或 3D 模型编辑。
批量捕获
粘贴一组 URL，或直接从站点地图读取，一次最多依次打开并捕获 30 个页面。
使用方法
- 01
捕获你所见
打开需要修改的页面，点击 Chrome 工具栏中的 Snapture，选择捕获范围。
- 02
复制到 Figma
捕获完成后，复制到 Figma。也可以保存文件，再拖入插件。
- 03
在 Figma 中编辑
在 Figma 文件中打开 Snapture Import，用 Cmd/Ctrl+V 粘贴。选中文字图层即可开始修改。
价格
别再重画已经存在的页面。
先添加 Chrome 扩展。捕获后，在 Figma 中打开 Snapture Import 并粘贴。