Repository navigation
Html to Design #1 #122
Description
When the Figma to HTML / React Component done, can you implement the reverse way, such as create a Chrome extension to convert any website to Figma design like: https://chromewebstore.google.com/detail/htmltodesign/ldnheaepmnmbjjjahokphckbpgciiaed
Activity
bernaferrari commentedon Sep 19, 2024
I can, but there are some plugins that already do this. Have you tried https://www.builder.io/ ? If there is anything you need that they don't do, sure, I can implement that for you!
amazingnerd commentedon Nov 13, 2024
Hi @bernaferrari ,
I tested the builder.io plugin but it cannot pull images from website to Figma, and the layout output is kind of buggy. Currently, https://html.to.design/ is doing the best job in this field. It will be awesome to see and learn from the way you implement it, I'm appreciate that so much. Thank you!
bernaferrari commentedon Nov 13, 2024
What do you need that html to design doesn't do?
amazingnerd commentedon Nov 13, 2024
The html to design plugin charges Pro plan when we want to import more than 10 websites to Figma / month, they count each breakpoint is a import time. And it can not pull the style guide of the website in a good way, color is not order in the right shade, and type scale system is not order in a good way.
bernaferrari commentedon Nov 15, 2024
Can you give me example of pages that you would like to see in figma as well as example of the outputs (I guess, text should use predefined styles or not? Color should use variables?)?
rockyishimwe commentedon Apr 29, 2026
how can i reset its trial
bernaferrari commentedon Apr 30, 2026
You are confusing things @rockyishimwe my plugin doesn't have any trial