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

# Quickstart

> Generate AI Apps with Webdraw

We use our infinite canvas as the medium to communicate your ideas.

Feel free to move around the canvas, zoom in, zoom out!

### Step 1: In the action bar at the left of the screen, select the Text action.

Write the idea of your application.

<Frame caption="Using the Text Action">
  <img src="https://mintlify.s3.us-west-1.amazonaws.com/webdraw/images/my-first-app/write.png" alt="My drawing prompt example" />
</Frame>

In our case we are going to ask for a Calculator

### Step 2: Generate your App

Press the App Button at the top of the screen

<Frame caption="App Button Generation">
  <img src="https://mintlify.s3.us-west-1.amazonaws.com/webdraw/images/my-first-app/button.png" alt="" />
</Frame>

Wait for a few seconds...

<Frame caption="App Button Generation">
  <img src="https://mintlify.s3.us-west-1.amazonaws.com/webdraw/images/my-first-app/final-result.png" alt="" />
</Frame>

### Step 3 (Optional): Publish your App

Select the html and click on Publish

<Frame caption="Publish your App">
  <img src="https://mintlify.s3.us-west-1.amazonaws.com/webdraw/images/my-first-app/publish-1.png" alt="" />
</Frame>

See the details of how this is going to be published

<Frame caption="Publish your App">
  <img src="https://mintlify.s3.us-west-1.amazonaws.com/webdraw/images/my-first-app/publish-2.png" alt="" />
</Frame>