Your first UI

Learn how to create your first UI

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!