> ## Documentation Index
> Fetch the complete documentation index at: https://docs.imagine.art/llms.txt
> Use this file to discover all available pages before exploring further.

# Getting Started: Your First Ad

> Follow this section once and the rest of the guide will make a lot more sense.

This section walks you through opening Ad Studio and producing your first ad. Follow it once and the rest of the guide will make a lot more sense.

## Step 1 — Open Ad Studio

<Steps>
  <Step title="Open your browser">
    Open your browser and go to **imagine.art/ad-studio**.
  </Step>

  <Step title="Sign in">
    Sign in if you are not already logged in.
  </Step>

  <Step title="Land on the home view">
    You'll land on the Ad Studio home. It has a carousel of featured ads at the top, then your **Recent Projects**, a row of **Tools**, and a **Start from preset** gallery.

    <Frame>
      <img src="https://mintcdn.com/imagineart/g3vko7ZpylzR1SVx/images/ad-studio/ad-studio-overview-gaps-step-01.png?fit=max&auto=format&n=g3vko7ZpylzR1SVx&q=85&s=3f1ab897f51a6e42ad500c38897d8892" alt="Ad Studio home with the featured ad carousel, Recent Projects row, and Create new project card" width="1440" height="900" data-path="images/ad-studio/ad-studio-overview-gaps-step-01.png" />
    </Frame>
  </Step>
</Steps>

## Step 2 — Start a new project

<Steps>
  <Step title="Create a project">
    Under **Recent Projects**, click **Create new project**. A new project is created immediately — there's no separate naming step first. Click **See all** to open the full **All Projects** list, where you can search projects and sort them.

    <Frame>
      <img src="https://mintcdn.com/imagineart/g3vko7ZpylzR1SVx/images/ad-studio/ad-studio-overview-gaps-step-02.png?fit=max&auto=format&n=g3vko7ZpylzR1SVx&q=85&s=27c28f7203f78cd020f80eb7bf9e15b2" alt="Recent Projects row with the Create new project card and the See all link" width="1071" height="248" data-path="images/ad-studio/ad-studio-overview-gaps-step-02.png" />
    </Frame>
  </Step>

  <Step title="Rename it">
    New projects start out as "Untitled Project." Rename it to something descriptive (for example, "Skincare Q4 Launch") once you're inside it.
  </Step>
</Steps>

<Warning>
  Treat each campaign or product as its own project. This makes it much easier to find your variations later, especially when you're A/B testing — and you will be A/B testing.
</Warning>

## Step 3 — Pick your starting point

Ad Studio gives you several ways to begin. The **Tools** row on the home page has a card for each one:

<Frame>
  <img src="https://mintcdn.com/imagineart/g3vko7ZpylzR1SVx/images/ad-studio/ad-studio-overview-gaps-step-03.png?fit=max&auto=format&n=g3vko7ZpylzR1SVx&q=85&s=32872a98d8caf36909edf8919a3e5210" alt="Tools row with Image Ads, Video Ads, URL to Ad, and Motion Design cards above the Start from preset gallery" width="1440" height="900" data-path="images/ad-studio/ad-studio-overview-gaps-step-03.png" />
</Frame>

* **Image Ads** and **Video Ads.** Open a new project with the control panel already set to image or video output. Pick a product and generate. Best for: when you know which output you want and want to set it up yourself.
* **URL to Ad.** You have a live product page. Click **URL to Ad**, paste the link, pick a style, and generate. Best for: e-commerce sellers with existing product pages.
* **Motion Design.** Same product picker as URL to Ad, but generates a storyboard of independently editable scenes instead of a single clip — see [Motion Design](/ad-studio/motion-design).
* **Ad Reference.** You've seen a viral ad that's clearly working and want that energy for your own product — see [Ad Reference](/ad-studio/ad-reference). Use the arrow on the **Tools** row to scroll to it.
* **Start from preset.** Browse the preset gallery below **Tools** and click **Recreate** on a look you like.
* **Build from scratch.** You work directly in the main control panel — Template, Product, Avatar, Hook, and Background cards. Best for: full creative control, or when you don't have a product page yet.

Once you're inside a project, **URL to Ad**, **Motion Design**, and **Ad Reference** are also listed under **Tools** in the project sidebar.

If you're unsure, start with **URL to Ad**. It's the fastest way to see what Ad Studio can do with your actual product.


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.