HTML to Figma (by Yashi Tech Solutions)

SUMMARY

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.

Please contact yashitechsolutions@gmail.com for any direct support or help, and join our discord server at https://discord.gg/ChTBMWJd9X for updates regarding the extension and the figma plugin.

The latest version of HTML to Figma (by Yashi Tech Solutions) is available on the Chrome web and is currently being used by 15 active users. The initial version was launched on 2025-01-29.

HOW TO INSTALL HTML to Figma (by Yashi Tech Solutions) FROM A CRX FILE

1. Download HTML to Figma (by Yashi Tech Solutions) CRX file
2. NOTE: Sometimes the browser may block downloading / installing CRX file from outside the Chrome Web Store. If so, you may need to download the ZIP file instead
3. In the URL bar, go to chrome://extensions
4. Enable Developer mode

Ratings

USER REVIEWS (0)