# From idea to Live *** ### 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.](/features/figma.md) 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.](/tips-and-tricks/custom-domain.md) * 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](https://www.maker.co/use-cases)" 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. {% embed url="" %} *** By following this path—from concept through design, code, testing, and deployment—you’ll streamline your Maker workflow and go live with confidence. *** --- # Agent Instructions: Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter: ``` GET https://docs.maker.co/tips-and-tricks/from-idea-to-live.md?ask= ``` The question should be specific, self-contained, and written in natural language. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.