{"version":1,"pages":[{"id":"nn4opKzB2ynKLaJyu7AB","title":"Welcome to Maker","pathname":"/","siteSpaceId":"sitesp_YQHEs","icon":"door-open","description":"Maker is an AI-powered platform that converts plain-language prompts into fully coded, production-ready webpages and front-end apps in seconds- right in your browser.","breadcrumbs":[{"label":"Introduction"}]},{"id":"j1Q2f9f4oHQinL1AJ2rW","title":"FAQ","pathname":"/introduction/faq","siteSpaceId":"sitesp_YQHEs","icon":"circle-question","description":"Frequently asked questions about Maker","breadcrumbs":[{"label":"Introduction"}]},{"id":"zlqmjeMr3hJVASixMX0L","title":"Account Help","pathname":"/introduction/faq/account-help","siteSpaceId":"sitesp_YQHEs","icon":"user-gear","description":"Find answers to common questions about your Maker account—sign-in, billing, security, and more.","breadcrumbs":[{"label":"Introduction"},{"label":"FAQ","icon":"circle-question"}]},{"id":"AQXqymzpgkrUFELr8rzm","title":"Data & Privacy","pathname":"/introduction/faq/data-and-privacy","siteSpaceId":"sitesp_YQHEs","icon":"shield-keyhole","breadcrumbs":[{"label":"Introduction"},{"label":"FAQ","icon":"circle-question"}]},{"id":"KOhFkIp6fnDCsgvog23L","title":"Style Guide","pathname":"/introduction/faq/style-guide","siteSpaceId":"sitesp_YQHEs","icon":"pen-paintbrush","description":"Get all the questions related to setting up your style guide in Maker answered here","breadcrumbs":[{"label":"Introduction"},{"label":"FAQ","icon":"circle-question"}]},{"id":"orRiy8qfJR7gMfk5s3Lv","title":"Analytics","pathname":"/introduction/faq/analytics","siteSpaceId":"sitesp_YQHEs","icon":"chart-mixed","description":"Maker doesn’t have analytics built in (yet); however, your site’s existing trackers can still capture events, depending on how the project goes live.","breadcrumbs":[{"label":"Introduction"},{"label":"FAQ","icon":"circle-question"}]},{"id":"UYTHsLqaUVYrelYPwX3l","title":"Plans & Billing","pathname":"/introduction/plans-and-billing","siteSpaceId":"sitesp_YQHEs","icon":"money-bill-wave","description":"Maker offers flexible plans for individuals and teams. Every plan starts with a 14-day free trial — you won't be charged until the trial ends.","breadcrumbs":[{"label":"Introduction"}]},{"id":"N6c8aOJNpFxt0kMgirAR","title":"Credits","pathname":"/introduction/credits","siteSpaceId":"sitesp_YQHEs","icon":"coin-vertical","description":"Credits are how Maker tracks usage. Each AI response is charged based on its actual token cost. The formula uses your plan's credit rate to convert real AI costs into credits.","breadcrumbs":[{"label":"Introduction"}]},{"id":"fXybaIrQUxxm7pEbZ0Bz","title":"Quickstart","pathname":"/introduction/quickstart","siteSpaceId":"sitesp_YQHEs","icon":"stairs","description":"Get up and running with Maker in under 5 minutes. This guide walks you through creating, previewing, publishing, and editing your first Maker content.","breadcrumbs":[{"label":"Introduction"}]},{"id":"BNEpWfcHB7IcIIvmwSJS","title":"Figma","pathname":"/features/figma","siteSpaceId":"sitesp_YQHEs","icon":"figma","description":"Import artboards from Figma right in the chat—no separate UI needed.","breadcrumbs":[{"label":"Features"}]},{"id":"jvd8algSQcx7aCup3gsM","title":"Select to edit","pathname":"/features/select-to-edit","siteSpaceId":"sitesp_YQHEs","icon":"arrow-pointer","description":"Quickly target any element in your live preview for focused edits—no manual selector hunting required.","breadcrumbs":[{"label":"Features"}]},{"id":"3GLFgKEAf2mgBMxLBmcM","title":"Style Guide","pathname":"/features/style-guide","siteSpaceId":"sitesp_YQHEs","icon":"swatchbook","description":"Give Maker “style guide” to keep your colors, fonts and imagery on-brand—across every project.","breadcrumbs":[{"label":"Features"}]},{"id":"KU7tEGsEmFvPvKEQjUcq","title":"Style Guide FAQs","pathname":"/features/style-guide/style-guide-faqs","siteSpaceId":"sitesp_YQHEs","icon":"pen-paintbrush","description":"Get all the questions related to setting up your style guide in Maker answered here","breadcrumbs":[{"label":"Features"},{"label":"Style Guide","icon":"swatchbook"}]},{"id":"hqouS36spUuWHLMxWrCu","title":"Components","pathname":"/features/components","siteSpaceId":"sitesp_YQHEs","icon":"diamonds-4","description":"You can reuse components across different projects, and you can also save them to a style guide.","breadcrumbs":[{"label":"Features"}]},{"id":"EbD2M7z12NwCFGoqspS1","title":"Project Remix","pathname":"/features/project-remix","siteSpaceId":"sitesp_YQHEs","icon":"shuffle","description":"“Remix” lets you fork any existing Maker project—yours or someone else’s—so you can experiment, customize, or share a template without affecting the original.","breadcrumbs":[{"label":"Features"}]},{"id":"GmNQNKzIHk1sYczHfdR1","title":"Publish","pathname":"/features/publish","siteSpaceId":"sitesp_YQHEs","icon":"rocket-launch","description":"Make your Maker project available to the world, or keep it private, right from the editor.","breadcrumbs":[{"label":"Features"}]},{"id":"TZqZ2wmtxYbtN1XyJzTY","title":"Hosting & Updates","pathname":"/features/hosting-and-updates","siteSpaceId":"sitesp_YQHEs","icon":"globe-pointer","breadcrumbs":[{"label":"Features"}]},{"id":"vH5r2aI21F3ZWYfBVzXm","title":"Create from Image","pathname":"/features/create-from-image","siteSpaceId":"sitesp_YQHEs","icon":"image","description":"Turn any screenshot, mockup, or design frame into a live, editable page. Upload an image, and Maker instantly analyzes it to generate a matching layout you can customize","breadcrumbs":[{"label":"Features"}]},{"id":"fRzCkwW7sd4UMFSesxjR","title":"Chat mode","pathname":"/features/chat-mode","siteSpaceId":"sitesp_YQHEs","icon":"comment-text","description":"Use Chat when you want to talk things through with Maker instead of generating code or components right away.","breadcrumbs":[{"label":"Features"}]},{"id":"POhksidd0M1Ury4p4tce","title":"Image/Video Generation","pathname":"/features/image-video-generation","siteSpaceId":"sitesp_YQHEs","icon":"camera","description":"To use Maker's media generation, first click an image on your page and choose Generate. Then pick whether you want to create an Image or a Video from the tabs at the top.","breadcrumbs":[{"label":"Features"}]},{"id":"NpN3HFZKSMG3qgnwJUhm","title":"Design panel","pathname":"/features/design-panel","siteSpaceId":"sitesp_YQHEs","icon":"palette","description":"Use the Design panel to fine-tune the look of any element on your page.","breadcrumbs":[{"label":"Features"}]},{"id":"ADAGKAzOaTCvoVxCWHkC","title":"Connectors","pathname":"/features/connectors","siteSpaceId":"sitesp_YQHEs","icon":"plug","description":"Use Connectors to link Maker to your other tools so you can pull in content, data, and media without leaving the editor.","breadcrumbs":[{"label":"Features"}]},{"id":"45jfl6C7g0Rk6U6tK7kq","title":"Maker Analytics","pathname":"/features/maker-analytics","siteSpaceId":"sitesp_YQHEs","icon":"chart-mixed","description":"Insights helps you monitor performance across Maker—then drill down into heatmaps, element-level engagement, and scroll depth. Available on Max and Enterprise plans.","breadcrumbs":[{"label":"Features"}]},{"id":"JE6N5ozc89eMz8xkmhNL","title":"SSR component support","pathname":"/features/ssr-component-support","siteSpaceId":"sitesp_YQHEs","icon":"server","description":"Server-side rendering means your content is fully prepared on the server before it reaches your visitor's browser.","breadcrumbs":[{"label":"Features"}]},{"id":"jjRyR4g49T12xkihEpEe","title":"Ai+ PDP Content","pathname":"/features/ai+-pdp-content","siteSpaceId":"sitesp_YQHEs","icon":"butterfly","description":"Create enhanced product details in minutes. Maker automatically builds fully structured enhanced content, including the visuals, copy, and layout. Use A+ templates  to keep the output consistent.","breadcrumbs":[{"label":"Features"}]},{"id":"bBHns2p5HUJDllHBCCoz","title":"Compare Versions","pathname":"/features/compare-versions","siteSpaceId":"sitesp_YQHEs","icon":"code-compare","description":"Version comparison shows two versions of your project side by side so you can quickly spot changes, review Maker updates, track progress, or decide whether to revert.","breadcrumbs":[{"label":"Features"}]},{"id":"qY31GzHx7mGpfqpTR9CS","title":"Collections","pathname":"/features/collections","siteSpaceId":"sitesp_YQHEs","icon":"folder-check","description":"Collections let you group related projects together so they're easier to find and manage. Create your own custom collections or let Maker handle it automatically based on your project types.","breadcrumbs":[{"label":"Features"}]},{"id":"ipw1MBQuqw8Fqbm6py2D","title":"FAQs for AEO","pathname":"/features/faqs-for-aeo","siteSpaceId":"sitesp_YQHEs","icon":"brain-circuit","description":"Maker helps you publish FAQs that help shoppers on your site and make your product pages AEO-ready for Al.","breadcrumbs":[{"label":"Features"}]},{"id":"7k0zDhIsg1Zkh3MKw0xe","title":"Variants","pathname":"/features/variants","siteSpaceId":"sitesp_YQHEs","icon":"files","description":"Variants let you create multiple versions of a project and control which one your users see based on rules you define. Available on our Max and Enterprise plans.","breadcrumbs":[{"label":"Features"}]},{"id":"WBNF2cHN60hipgzWT3jc","title":"Location-based Personalization","pathname":"/features/location-based-personalization","siteSpaceId":"sitesp_YQHEs","icon":"earth-americas","description":"Personalize your content for visitors in different locations. Whether it's a simple city or country swap or a full multi-variant experience, we've got you covered.","breadcrumbs":[{"label":"Features"}]},{"id":"MGsZcSlnTmnzHexxr3u9","title":"Templates","pathname":"/features/templates","siteSpaceId":"sitesp_YQHEs","icon":"copy","description":"Templates let you save any project as a reusable starting point. Build your own library, browse Maker's public templates, or let Maker automatically pick one when creating AI+ content.","breadcrumbs":[{"label":"Features"}]},{"id":"IUZugrV3tAYdyv5tvvji","title":"Product Content Overrides","pathname":"/features/product-content-overrides","siteSpaceId":"sitesp_YQHEs","icon":"barcode-read","description":"Product Content Overrides let you customize how your products look and read across your Maker projects, without making any changes to your store. This is a Maker Enterprise feature.","breadcrumbs":[{"label":"Features"}]},{"id":"0i7XmdljrYF1IohhbXib","title":"Skills","pathname":"/features/skills","siteSpaceId":"sitesp_YQHEs","icon":"lightbulb","description":"Skills are specialized instructions that guide how Maker handles specific tasks. Each one comes with domain knowledge and best practices baked in, so Maker knows exactly what to do.","breadcrumbs":[{"label":"Features"}]},{"id":"7MJs1z1Qqkz4xW35PDNx","title":"Design Mocks","pathname":"/features/design-mocks","siteSpaceId":"sitesp_YQHEs","icon":"firstdraft","description":"Generate multiple design mocks for a project in seconds. Describe what you want or paste a URL, and Maker will create ready-to-review mockups you can preview, remix, and turn into a full project.","breadcrumbs":[{"label":"Features"}]},{"id":"srM6cTz1VU3PTlvXwxzE","title":"Claude Design Import","pathname":"/features/claude-design-import","siteSpaceId":"sitesp_YQHEs","icon":"claude","description":"Maker supports importing prototypes built in Claude Design. Start your design in Claude, bring it into Maker AI to refine it, and publish when it's ready.","breadcrumbs":[{"label":"Features"}]},{"id":"kH8OQiYoSzOaFo2uw1FM","title":"Prompt Basics","pathname":"/prompting/prompt-basics","siteSpaceId":"sitesp_YQHEs","icon":"message-text","description":"Use these guidelines to craft clear, actionable prompts that help Maker deliver exactly what you need.","breadcrumbs":[{"label":"Prompting"}]},{"id":"ajwUxH8qp68QRfcYtrg6","title":"Prompt Examples & Use Cases","pathname":"/prompting/prompt-basics/prompt-examples-and-use-cases","siteSpaceId":"sitesp_YQHEs","description":"This page contains a curated collection of practical use cases for what you can create using Maker's AI-powered frontend tools.","breadcrumbs":[{"label":"Prompting"},{"label":"Prompt Basics","icon":"message-text"}]},{"id":"GRMUMKINu4WcjppZPNp4","title":"Debugging with Prompts","pathname":"/prompting/debugging-with-prompts","siteSpaceId":"sitesp_YQHEs","icon":"message-smile","description":"Use focused prompts to troubleshoot and fix issues in your project. Maker understands error messages, context, and best practices to help streamline debugging.","breadcrumbs":[{"label":"Prompting"}]},{"id":"4UV9bAZsS6ZAbLGtxwfO","title":"From idea to Live","pathname":"/tips-and-tricks/from-idea-to-live","siteSpaceId":"sitesp_YQHEs","icon":"lightbulb-on","description":"A step-by-step workflow for turning your concept into a fully deployed Maker project.","breadcrumbs":[{"label":"Tips & Tricks"}]},{"id":"LF1wRgOAxADpeaxrLCxE","title":"Best Practices","pathname":"/tips-and-tricks/best-practices","siteSpaceId":"sitesp_YQHEs","icon":"dumbbell","description":"Follow these guidelines to get the most accurate, consistent, and on-brand results from Maker.","breadcrumbs":[{"label":"Tips & Tricks"}]},{"id":"uA5i8P9yteYSoCttTMCb","title":"Troubleshooting","pathname":"/tips-and-tricks/troubleshooting","siteSpaceId":"sitesp_YQHEs","icon":"toolbox","description":"Use this guide to resolve common issues you may encounter while using Maker.","breadcrumbs":[{"label":"Tips & Tricks"}]},{"id":"1A2zTlzvIDRmjZPiIQqH","title":"SEO","pathname":"/tips-and-tricks/seo","siteSpaceId":"sitesp_YQHEs","icon":"magnifying-glass-arrow-right","breadcrumbs":[{"label":"Tips & Tricks"}]},{"id":"c2QGw5fNcZllO2pUu8ax","title":"Custom Domain","pathname":"/tips-and-tricks/custom-domain","siteSpaceId":"sitesp_YQHEs","icon":"globe","description":"Maker supports custom domain mapping, allowing your projects to appear on your own branded domain.","breadcrumbs":[{"label":"Tips & Tricks"}]},{"id":"2QqeUosNlUwfTZffbhnD","title":"Adding Maker to your site","pathname":"/tips-and-tricks/adding-maker-to-your-site","siteSpaceId":"sitesp_YQHEs","icon":"photo-film-music","description":"Below are step-by-step instructions for adding Maker’s embed scripts to several leading CMS platforms.","breadcrumbs":[{"label":"Tips & Tricks"}]},{"id":"bjcHCpDg8MwrKO9JbFRa","title":"Adding Assets","pathname":"/tips-and-tricks/adding-assets","siteSpaceId":"sitesp_YQHEs","icon":"photo-film-music","description":"Use JPEGs, PNGs, PDFs, and text files to add context and steer Maker’s output, swap media in your project, or bring in content from external sources, all directly from your prompt.","breadcrumbs":[{"label":"Tips & Tricks"}]},{"id":"ADWtNEpjTZ599c0ccqjU","title":"Adding Trackers","pathname":"/tips-and-tricks/adding-trackers","siteSpaceId":"sitesp_YQHEs","icon":"photo-film-music","description":"Add and manage analytics, heatmaps, and custom tracking for your project. Scan your site for existing trackers, add new ones, and attach organization-wide trackers—all in one place.","breadcrumbs":[{"label":"Tips & Tricks"}]},{"id":"8K5XPmWW49HGv2Rgwim3","title":"CMS Specific Tips","pathname":"/tips-and-tricks/cms-specific-tips","siteSpaceId":"sitesp_YQHEs","icon":"gear-complex","description":"Tips and tricks on how to use Maker on CMS's like Shopify, Magento, custom, etc.","breadcrumbs":[{"label":"Tips & Tricks"}]},{"id":"8nj2DrcxIpiJe8QdD5Td","title":"Adding Enhanced A+ Content to Shopify Product Detail Pages","pathname":"/tips-and-tricks/cms-specific-tips/adding-enhanced-a+-content-to-shopify-product-detail-pages","siteSpaceId":"sitesp_YQHEs","icon":"shopify","description":"Here’s a step-by-step guide to adding Enhanced A+ Content to an individual Shopify product detail page.","breadcrumbs":[{"label":"Tips & Tricks"},{"label":"CMS Specific Tips","icon":"gear-complex"}]},{"id":"yJVgjoPATOyS1dGvdHd6","title":"Glossary","pathname":"/tips-and-tricks/glossary","siteSpaceId":"sitesp_YQHEs","icon":"book-open","breadcrumbs":[{"label":"Tips & Tricks"}]},{"id":"71zVUD0aVtP5Fhr7W9L3","title":"Use Cases","pathname":"/inspiration/use-cases","siteSpaceId":"sitesp_YQHEs","icon":"briefcase-arrow-right","description":"Maker turns your plain-English prompts into real, responsive web pages and front-end apps—instantly. Here are some common use cases:","breadcrumbs":[{"label":"Inspiration"}]},{"id":"M7rJli3sBuE5ReuqlhHT","title":"Video Tutorials","pathname":"/inspiration/video-tutorials","siteSpaceId":"sitesp_YQHEs","icon":"video","description":"","breadcrumbs":[{"label":"Inspiration"}]},{"id":"nkhK9onEnWMuV4EUZe0O","title":"Liked Projects","pathname":"/community/liked-projects","siteSpaceId":"sitesp_YQHEs","icon":"heart","description":"Save and revisit your favorite projects by “liking” them—click the heart icon on any project card to add it to your personal Liked tab.","breadcrumbs":[{"label":"Community"}]},{"id":"QChufgn7Jr1dNKGKo0ga","title":"Community Remixes","pathname":"/community/community-remixes","siteSpaceId":"sitesp_YQHEs","icon":"shuffle","description":"Fork any project—yours or shared—into a brand-new copy without altering the original. Your remixes live in their own tab for easy access and further experimentation.","breadcrumbs":[{"label":"Community"}]},{"id":"qRI0mlAnmWzsjrL9qRv3","title":"Support & Contact","pathname":"/community/support-and-contact","siteSpaceId":"sitesp_YQHEs","icon":"comments-question-check","description":"Whether you're just getting started or running into a snag, here’s how Maker support works and what you can expect.","breadcrumbs":[{"label":"Community"}]}]}