Show HN: From Figma to Site with one click. Fully responsive

John here, I’d love to show you Makers: a website builder inside Figma. Makers is a Figma Plugin to build and publish sites without ever leaving Figma. Here’s a demo [0].

As a front-end developer I constantly go from Figma to code / site, but it’s tedious… I decided to automate the process with this plugin. It works great for simple projects. I can see it working well for:

- Landing Pages

- Portfolio / Personal sites

- Resume sites

- Careers / Wiki sites

So, not a Webflow / Framer competitor (yet). If this seems interesting, you can install it here [1] and give it a try.

—

For a bit of context, I'm a solo-founder and I started Makers after sharing my idea on the Figma subreddit [2] about how awesome it would be to have a button in Figma to publish my designs. A good amount of people seemed to agree, and that was enough to start working on it. This is turning out to be a super fun project, and I’ve been working full-time for the last two months.

[0] - https://twitter.com/joaodmj/status/1488216877511884805?s=20

[1] - https://www.figma.com/community/plugin/991438050654881175

[2] - https://www.reddit.com/r/FigmaDesign/comments/p65vnp/should_...

I tried this Figma plug-in a couple weeks ago. It is magical!

What previously took me hours in Webflow, now only takes 30s (+ the extra 10-20 mins to format things correctly in Figma).

I’m looking forward to using this next time I make a portfolio.

The feature set still has some gaps but I’m quite impressed for how far it’s come in a few months.

This looks pretty useful for getting a landing page up quickly. Do you have any examples of sites built with it?