# 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="https://1749964694-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FfgpgvtRaQLc36GYyIktZ%2Fuploads%2F3f2xbqagh1pNYdG4JUuk%2Fimage.png?alt=media&#x26;token=0d8162f1-3246-48f1-b11e-39445ab104f1" 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="https://1749964694-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FfgpgvtRaQLc36GYyIktZ%2Fuploads%2F4B0utixAsDuHMYiydE3t%2Fimage.png?alt=media&#x26;token=f305621e-0fd3-48af-a11d-44cd25e7ce0c" 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="https://1749964694-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FfgpgvtRaQLc36GYyIktZ%2Fuploads%2F4yu3QbSOGbWUdon4KesD%2Fimage.png?alt=media&#x26;token=caf40fbd-165a-46ab-a846-fd06e0b7926e" alt=""><figcaption></figcaption></figure>

* Recommended section list

<figure><img src="https://1749964694-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FfgpgvtRaQLc36GYyIktZ%2Fuploads%2F5m2xn4C9NlkJ9hlgJ9Wz%2Fimage.png?alt=media&#x26;token=803eb8ea-2ee3-4d47-9f1a-56dcc3ec0daa" alt=""><figcaption></figcaption></figure>

* Suggested design style and features

<div><figure><img src="https://1749964694-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FfgpgvtRaQLc36GYyIktZ%2Fuploads%2Fgft6CjwoLe2EOwUgk2Cw%2Fimage.png?alt=media&#x26;token=29295cc0-e0f4-44a2-95a7-e114eae3e08a" alt=""><figcaption></figcaption></figure> <figure><img src="https://1749964694-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FfgpgvtRaQLc36GYyIktZ%2Fuploads%2F1pwZ5Vs5engXUqq62l1z%2Fimage.png?alt=media&#x26;token=000502e4-eab4-4083-9244-1124184fea66" alt=""><figcaption></figcaption></figure> <figure><img src="https://1749964694-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FfgpgvtRaQLc36GYyIktZ%2Fuploads%2F2PGeOyb21jbBLzFwwY1p%2Fimage.png?alt=media&#x26;token=51ba6ca5-c7bf-49f4-a209-9e387c68ec90" 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](https://docs.foxecom.com/foxify-app/foxstudio/editor-tools "mention")\
[layout-and-styling](https://docs.foxecom.com/foxify-app/foxstudio/layout-and-styling "mention")
{% 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](https://docs.foxecom.com/foxify-app/page-management/templates "mention")

<div data-full-width="false"><figure><img src="https://1749964694-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FfgpgvtRaQLc36GYyIktZ%2Fuploads%2FEj8YgLWvHPzkL3z1Emhb%2FBANNER%201%2C%202%20%20%20%20%20%20%20%20%20%20%20%20%20%20800x400%20(2)%20(1).png?alt=media&#x26;token=7e11de75-84e5-4576-902e-8c435aff2578" 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>
