johnthemaker

This! This is exactly why I built makers.so.

Framer is an amazing tool. But if you are in the Figma ecosystem, it's boring to duplicate your work on a different tool. Same for Webflow. I'm trying to make life easier for Figma users.

Happy to help you get started with makers. Anything you need, just let me know :)

Here's an example: https://makers.so/s/5b16df0f-17dc-4045-b048-5047182e2856/

The output code isn't suitable for sharing / exporting yet.

Yes, great question.

Free forever means your site with live on a makers.so domain like "https://makers.so/s/{random_string}". Here's an example: https://makers.so/s/5b16df0f-17dc-4045-b048-5047182e2856/

$12/month is for publishing to a custom domain.

Thanks! Happy to answer any questions to help you get started.

DONE. It's fixed :)

Thank you so much, great feedback.

> Can the designs be exported or are they locked-in to your platform? The designs live inside of Figma. The code is not exportable at the moment. But I'll definitely have to prioritize that.

> But maybe I am looking at it wrong? Interesting feedback. I'm building the site with Vue, that's why the content is through JS. This is clearly one of the features I need to improve.

Thanks for your feedback.

Wow, that's incredible to hear. I'm happy to help you get started. Let me know how can I help make those projects come to live :)

Thanks Tom. I'd love to hear yours and your designer's thoughts about the plugin. Happy to answer any questions you might have.

This is brilliant! We designers like freedom of thought, and Figma give us that. The goal with makers.so is: inside the same tool I use to lay out ideas, I can also publish them (i.e. use makers.so components) without ever depending on a developer or third party app.

A "Component Engineer" is this second stage of the process (after playing around, I can now publish this with some rules).

Thanks so much! Hopefully, this will give Figma designers superpowers :)

> How do you handle updates? You change directly in Figma and click "Update Site" when you are ready.

> How are menus handled? Modals and dropdowns aren't supported yet. Only the navigation bar pre-built component has a default dropdown for the links. I'm working on this feature already, and I'm thinking of using the Prototype features from Figma that already allow you to control menus.

> How are links handled? Directly in the Plugin. You can link to different pages or first child sections

> Do you allow exporting of code Not yet, but I have to add this soon. I'm having a lot of requests for this.

Thank you! Happy to answer more questions.

Such great feedback, Tom. Thank you for taking the time. I'm definitely going to distill all your notes and thoughts on this.

It's funny you mentioned Microsoft FrontPage. Alexis Ohanian [0] also made the same comment :)

[0] https://twitter.com/alexisohanian/status/1448288261172989960...

Wow, thanks for sharing. It's great to know I'm actually making Figma more powerful. Please feel free to reach out, I'm happy to help you get started :)

Thanks so much! You have no idea how happy your comment made me feel. After so many hours of endless coding, this is a breath of fresh air :)

Also, you are actually my ideal customer: a Figma user who wants to have an easy and fast way of managing his / her portfolio or personal site. I'm more than happy to answer any questions and keep this conversation going.

Wow, thanks so much for the support. I'm happy to answer any questions to help get started. Just let me know :)

Thanks so much for the kind words. Yeah, it's still a super early version and the goal is to improve with as much feedback as possible from the users.

Thanks. Let me know if you need anything to help you get started.

Value is super broad. Value as in a person values? Or value as sharing knowledge on the internet?

As Portuguese, I can tell you this was massive! I went one full day without a stable internet connection, without being able to make phone calls and with very limited mobile data.

This should make us think very hard about cybersecurity.

Thanks for sharing, it's great to see you grow!

On a side note, I found it super interesting that a lot of startups use Notion as a careers site. I believe a careers site is one of the most important pages of any company's online communication. Do you guys use it because is fast / convenient to update and add / delete content?

Thanks so much for the great feedback. Anything you need, just let me know.

Yes, absolutely. I've created a few templates to help people get started. Have a look here: https://makers.so/templates

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_...

Makers is a Figma Plugin to help you build and publish websites directly in Figma. No code required.

For a bit of context, I'm a solo-founder and I started Makers after sharing my idea on FigmaDesign subreddit 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.

If you are interested, join our early access list at https://makers.so