From idea to Live

A step-by-step workflow for turning your concept into a fully deployed Maker project.

---

1. Define Your Project Concept

• Identify what you want to create.

• List key features you want to display.

---

2. Prototype in a design tool (Optional)

1. If you are using Figma, see details here for Figma > Maker.

2. If you are using any other deisgn tool, export the layout as an image to add in Maker in step 3.

---

3. Kick-start a Project in Maker

• Visit ai.maker.co and click New Chat / New Project.

• Select a Brand Style (or “No Brand Style”).

• Enter a prompt like:

Generate a hero banner with two CTAs

• Have a reference layout? Attach it now—image, URL, Figma file, whatever you prefer.

---

4. Build & Iterate

• Ask follow-up prompts to refine components:

• Preview changes live in the right-hand pane across breakpoints.

---

5. Test & Collaborate

• Share the preview URL with teammates or stakeholders.

• Gather feedback via comments or your team’s chat.

• Use Project Remix to create variants without affecting your main project.

---

6. Publish & Host

• When you’re ready, click Publish to generate your public URL or make it private.

• For your own domain, follow the steps in Custom Domain.

• Monitor performance, and roll back via History if needed.

---

7. Share

• Share your finished project in Featured Projects to inspire the community.

Need a helping hand?

Check out our "Inspiration" page. Inspiration is one of the fastest ways to start building in Maker. It gives you curated use cases with ready-made prompts, so you don't have to figure everything out from scratch.

Instead of staring at a blank page, you can browse practical use cases - like hero sections, landing pages, or content blocks — pick one, customize it, and generate instantly.

---

By following this path—from concept through design, code, testing, and deployment—you’ll streamline your Maker workflow and go live with confidence.

---