# AI Layout Generator ✨

{% embed url="<https://youtu.be/ZCjCiHCO7-E/>" %}

Turn your ideas into a polished structure plan in seconds. Just describe what you want, and Foxify’s AI builds a customized, ready-to-edit wireframe for you.

{% hint style="info" %}
**Beta version:** This feature is currently in its beta stage. You may encounter minor issues as we work to improve it. Your feedback is valuable in helping us perfect this function :heart:
{% endhint %}

## Why use AI Layout Generator of Foxify?

✅ **No design skills needed** – Type your vision, AI does the rest.

⚡ **Instant results** – From idea to actual page layout in seconds.

🎯 **Industry-smart** – AI adapts to your niche (fashion, beauty, tech, and more).

🎨 **Fully flexible** – Start with AI, then fine-tune in Foxify’s drag-and-drop editor.

## How to create a page with AI

{% stepper %}
{% step %}

### Create a new page

{% hint style="success" %}
Steps:

1. From your Foxify dashboard, select **Create page.**
2. Pick a page type:

* Home page
* Product page
* Collection page
* Blog post
* Regular page

3. Under **How do you want to start?**, select **Build with AI**.&#x20;
   {% endhint %}

{% hint style="warning" %}
The Build with AI option is **not yet supported** for the page types **Password** and **404**.
{% endhint %}

<figure><img src="/files/IF3t3WpbfpizwuGNCxlG" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}

### Describe your idea

* **Describe your page** – Be as specific as possible.
* **Add more details** (optional) – Choose the page type and category for even better results.

{% hint style="info" %}
💡 Tip: Click **Try an example** for prompt ideas.
{% endhint %}

<figure><img src="/files/s4XNmhACvNhbKJlbOi0I" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}

### Review your AI plan

Foxify generates a custom structure plan based on your description. You’ll see:

* AI’s understanding of your prompt

<figure><img src="/files/zid5FUwJOVWNqZYV73qg" alt=""><figcaption></figcaption></figure>

* Recommended section list

<figure><img src="/files/IX74uGSM2pfozDqwWo5R" alt=""><figcaption></figcaption></figure>

* Suggested design style and features

<div><figure><img src="/files/0eUWe7lWHPbJuX2tbpiO" alt=""><figcaption></figcaption></figure> <figure><img src="/files/rNZvJrpIvZNEmvcvrJ6O" alt=""><figcaption></figcaption></figure> <figure><img src="/files/To0gCxEOLz7FMyHZ6dDY" alt=""><figcaption></figcaption></figure></div>

{% hint style="success" %}
The design is responsive by default.
{% endhint %}

{% hint style="info" %}
You can preview, re-generate, or remove any section before applying the page.
{% endhint %}
{% endstep %}

{% step %}

### Apply and customize

Once you're happy with the suggested structure, click **Apply**.&#x20;

Foxify will build the full page instantly, ready for you to customize with our *drag-and-drop* editor.

{% hint style="info" %}
Leverage the page design with advanced editor tools:

[Editor tools](/foxify-app/foxstudio/editor-tools.md)\
[Layout & styling](/foxify-app/foxstudio/layout-and-styling.md)
{% endhint %}
{% endstep %}
{% endstepper %}

✨ With **Foxify AI Layout Generator**, you skip the blank canvas. Build smarter, faster, and launch sales-ready pages in minutes.

*👉 Prefer a shortcut?* You can also pick from Foxify’s **ready-made templates**—designed by experts for speed and conversion. Learn more: [Templates](/foxify-app/page-management/templates.md)

<div data-full-width="false"><figure><img src="/files/kcilvHtHzK8t5VOGf1nR" alt=""><figcaption><p>Foxify AI turns a prompt into a well-structured page layout in seconds. <a href="https://admin.shopify.com/apps/foxify-builder?utm_source=foxecom&#x26;utm_medium=help_center_foxify_ai_layout_generator&#x26;utm_campaign=anchor-text&#x26;utm_term=try_foxify_ai"><mark style="color:orange;">Try Foxify AI</mark></a> ✨</p></figcaption></figure></div>


---

# 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.foxecom.com/foxify-app/page-management/ai-layout-generator.md?ask=<question>
```

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.