Skip to main content

​
1. Prepare Your Brand Library

Before generating pages, make sure your Brand Library is set up.
  • Colors, fonts, and styles will automatically apply to every page you generate.
  • This ensures consistent branding across all new pages. Design Library.png

​
2. Add Product References

Whenever possible, reference your products.
  • We’ll pull in product data (title, images, price, variants, etc.) directly into the page.
  • Pages generated this way are automatically connected to your store.
💡 Tip: Even if you start from a screenshot or ad, tying it back to a product ensures more accurate and useful results. Add product Reference.png

​
3. Bring in Screenshots

You can upload screenshots of:
  • Pages or sections you like → AI will recreate layouts and styling.
  • Ads → AI will match the landing page offer to the ad’s messaging and link it to the right product.
📌 Note: Longer screenshots or very large reference images may increase hallucinations and reduce accuracy. Stick to focused sections or concise full-page screenshots. Add image reference.png

​
4. Start Without References

No screenshot? No problem.
  • You can just describe the page you want (“hero with product image, testimonial section, and CTA”).
  • Add a product reference if you want it connected to your catalog.
  • Or keep it general—we’ll still generate the structure for you.

​
5. Work in Parallel

  • You can start one page generation and immediately create another.
  • Most requests finish within 5–10 minutes.
⏱️ Keep in mind: larger uploads (long screenshots, heavy descriptions) may take a little longer.

​
6. Advanced Options

  • Upload HTML or React code: Drop in a few sections or a lightweight page to generate from code.
  • Figma exports: Export code from your Figma designs and bring them in to instantly generate pages. (Use Figma to code plugin, copy the React JSX code and paste it right into chat)
This is especially useful for developers or designers who want to quickly test or repurpose existing layouts.

​
Best Practices

  • Set brand styles first → Saves time and ensures consistency.
  • Reference products when possible → Guarantees real data is pulled in.
  • Use concise screenshots → More reliable results.
  • Don’t wait around → Start multiple generations and come back once they’re ready.

​
FAQ

How long does it take? 5–15 minutes on average. Larger references take longer. Do I need a screenshot? No. Descriptions alone are enough. Screenshots and ads just help improve accuracy. What if I want my page to match an ad? Upload the ad screenshot. The AI will match the offer and link it to your product data. Can I use my own code? Yes. HTML, React, and even Figma-exported code snippets are supported. 👉 Once your page is ready, you can edit it in the builder, adjust styles, and publish.