HTML to Figma (by Yashi Tech Solutions)

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/communit y/plugin/1459487250118622106/h tml-to-figma-converts-any-webs ites-into-fully-editable-figma -designs-by-yashitech-solution s

Discord Server: https://discord.gg/ChTBMWJd9X

Please contact yashitechsolutions@gmail.com for any direct support or help, and join our discord server for updates regarding the extension and the Figma plugin.