---
title: "Getting started with Prototyper"
description: "Prototyper lets you build full web apps from scratch, with no coding required."
canonical: "https://www.prototyper.co/docs/01-getting-started/getting-started"
---

# Getting started with Prototyper

This guide is designed to walk you through the initial steps of crafting your very first UI from scratch.
 Whether you're a seasoned designer or just starting out, Prototyper offers a seamless and intuitive environment
 to bring your next UI to life. Let's dive in.

---

### How to Use Prototyper

**Upload an Image**:
   - Drag and drop a design or screenshot into the "Upload an image" area.
   - Alternatively, click on the upload area to use the file picker to select an image from your computer.

**Describe Your Interface**:
   - In the text box labeled "Describe your interface," type a brief description of the interface you want to create.
   - You can choose between two options: "Speed" for faster generation or "Quality" for a more refined result.

**Generate**:
   - Click the blue "Generate" button to create your interface based on the description you provided.

**Select Examples**:
   - If you need inspiration or a starting point, use the "Select Example" dropdown menu at the top right to choose from predefined examples.

**Select Theme**:
   - Click the "Select Theme" button to choose a theme for your interface, which will apply a consistent style to your design.

**Reset**:
   - If you want to start over, click the "Reset" button to clear your current design and begin anew.

**Options**:
   - Click the "Options" button for additional settings and customization options.

**Quick Examples**
   - At the bottom, you will find quick example buttons like "Issue tracking interface with minimal design" or "Calendar application with scheduling features." Click any of these to quickly generate a specific type of interface.

---

This guide should help you get started with using the Prototyper UI to create your designs efficiently. Happy designing!