Img import that breaks down the image.
I would love to be able to do this:
-take a screen shot of a page (check)
-paste it into figma (check)
-click a button that makes "components" out of the obvious things on the page, like buttons, text, etc.
-do some editing of the text, change some colors, etc.
is there a plugin or a setting i'm missing that makes this easy? I haven't found anything with some cursory searching.
I am a total figma noob, so it's possible this is really easy and I'm just missing something obvious.
Replies
I've heard about Codia AI design plugin for Figma but personally haven't tried it yet. Maybe it'll be useful for you
figma.to.website
We make a Figma plugin called html.to.design.
You can give it an URL or use our Chrome extension.
Product Hunt: https://www.producthunt.com/products/html-to-design
We have been working on it for almost 3 years now.
You can have autolayout, components, links between pages and all sort of very fine details 👍
It's FREE up to 10 imports per month.
We have more things coming up soon!
Kind regards,
Georges
Tab Slayer
@georges_gomes yeah this is amazing and exactly what i was looking for. honestly this felt like magic and im extremely psyched. Thank you so much for both building and posting up on this thread. This saved me a ton of time :)
figma.to.website
@catt_marroll Thank you so much for the kind feedback 🙏
minimalist phone: creating folders
Maybe time to start coding that tool if it is not on the market :D But would welcome something like that too :D
Tab Slayer
@busmark_w_nika yeah I actually said to my partner "if this doesnt exist we are going to drop everything and build it!"
Look into MCP for figma. It will blwo your mind.
Tab Slayer
@sentry_co this is a nice callout. i've been following MCP, makes a ton of sense that it would exist for figma now!
here is figma + MCP in action: https://x.com/dnaijatechguy/status/1900827535513890974 and relevant MCP wrappers for figma: https://gist.github.com/eonist/22e7458f9b38424af9d1bfd791b796a4?permalink_comment_id=5500542#gistcomment-5500542
I make a plugin called Screenshot to Layout. It only does text at the moment, but I am looking to develop it further to do what you propose.
https://screenshottolayout.com/
Product Hunt
@Builder.io Is the one I've heard that a lot of people use.