HTML to Figma在浏览器中使用的扩展工具,这款工具支持将实时网站和HTML转换为完全可编辑的设计或低保真线框等,欢迎下载。
介绍
将实时网站和HTML转换为完全可编辑的设计或低保真线框。 WireFrameIt准确地捕获了任何站点的布局,版式和结构,并将其转换为可编辑的设计文件,准备直接导出到FIGMA或下载为SVG,PNG或JPG。
⚙️选择您的输出
•完整设计
保留原始网页的确切外观和感觉,包括字体,样式和布局。图像被占位符所取代,以简化编辑和设计交接。
•线框
通过剥离颜色,图像和详细样式来降低复杂性,以创建干净,低保真的线框,非常适合快速原型制作和布局计划。
功能
•一单击的网页转换
立即将任何实时网页转换为可编辑的设计,并具有自定义选项以控制保真度和细节。
•无花果导出
将设计直接发送到无花果,消除手动进口。
•响应式预览和导出
查看和出口设计针对台式机,平板电脑或移动屏幕进行了优化。
•媒体检查员
下载嵌入在网页上的所有图像和媒体资产。
•彩色检查员
提取并导出页面上使用的每种颜色。
•多个导出格式
将设计导出为可编辑的SVG文件或高质量的PNG和JPG图像。
🚀快速开始
•将线框添加到浏览器中。
•打开要转换的网页。
•单击线框图标以打开编辑器并自定义您的设计。
•将设计导出为FIGMA文件,SVG,PNG或JPG。
插件安装说明
1、在打开的谷歌浏览器的扩展管理器
就是点击最左侧的三个点,在弹出的菜单中选择【更多工具】——【扩展程序】
或者你可以在地址栏中直接输入chrome://extensions/
2、进入扩展程序页面后将开发者模式打勾
3、最后将解压出来的crx文件拖入到浏览器中即可安装添加
4、如果出现无法添加到个人目录中的情况,可以将crx文件右键,然后选择【管理员取得所有权】,再尝试重新安装
5、安装好后即可使用

扫码关注公众号,发【识别码】获取