Plugin Icon

HTML to Figma (by Yashi Tech Solutions) Chrome 插件, crx 扩展下载

Plugin Screenshot
Plugin Screenshot
Plugin Screenshot
Plugin Screenshot
Plugin Screenshot
Plugin Screenshot
                    

Convert webpages into a Figma design

HTML to Figma (by Yashitech Solutions) is a chrome-based browser extension that lets you to capture your webpage’s layout and elements, and save them in a file. The file can be uploaded to our figma plugin under the same name, HTML to Figma (by Yashitech Solutions), which converts the file into a fully editable Figma design by transforming them into Figma’s components, frames, and styles. This extension and figma plugin go hand in hand to let you transfer any webpage into a figma design. How to use this extension: 1. Download and enable the extension. 2. Open any website or webpage that you want to convert into a figma design. 3. Open the extension and choose the presets of the design you'd like. (Partial Element Selection feature may not work sometimes) 4. Click on "Convert to Figma" button to download the design file in a .json format. 5. After the download is complete, head over to Figma, and open our figma plugin. 6. Upload the recently downloaded .json design file, and click on "Convert to Design". 7. The webpage layout will be rendered as Figma's components that can easily be customised. Figma Plugin: https://www.figma.com/community/plugin/1459487250118622106/html-to-figma-converts-any-websites-into-fully-editable-figma-designs-by-yashitech-solutions Discord Server: https://discord.gg/ChTBMWJd9X Please contact [email protected] for any direct support or help, and join our discord server for updates regarding the extension and the Figma plugin.

分类 🛠️工具
插件标识 apgdhlibcimkkffajannbmpnbjaealmo
平台 Chrome
评分
★★★★☆ 4.7
评分人数 27
插件主页 https://chromewebstore.google.com/detail/html-to-figma-by-yashi-te/apgdhlibcimkkffajannbmpnbjaealmo
大小 70.47KiB
官网下载次数 163
下载地址

CRX扩展文件安装方法

第1步: 打开Chrome浏览器的扩展程序

第2步: 在地址栏输入: chrome://extensions/

第3步: 开启右上角的【开发者模式】

第4步: 重启Chrome浏览器 (重要操作)

第5步: 重新打开扩展程序管理界面

第6步: 将下载的crx文件直接拖入页面完成安装

注意:请确保使用最新版本的Chrome浏览器

同类插件推荐