Getting Started

Start by explaining your initial idea — what do you want to build? We will ideate on this with you, but it helps if you give as much detail as possible in this initial stage.

Explain your idea, and hit 'Start designing'!

The questionnaire is a key part of mowgli — this is where we try to refine your idea together with you by creating dynamic questions that scope your project. We will use this to generate a PRD (Product Requirements Document) that becomes the foundation for your application.

You'll first be presented with some initial questions for the first part of the scoping.

You can enrich your answers with additional context and notes.

After answering the first set of questions, hit Submit and wait for clarifying questions. The last question of the questionnaire is always a way for you to add anything that the questionnaire didn't cover.

When you've filled in the second batch of questions, hit submit!

You'll now get landed in the spec view. This is an overview of your entire application — user journeys, data model, and front end screens.

The spec view showing your entire application structure.

Once the spec is looking good, let's create some designs to generate some initial gens. Don't worry - you can change all of this later — this is just to get you started.

Once the designs have been generated, you'll see a couple of seeds of different designs. You can compare the themes one by one for a given screen.

Compare different design themes side by side.

Pick your preferred theme, hit 'Go' and wait as we generate all the possible states for your application.

Your complete application with all screens and states.

Let's try tweaking our designs! You can request changes to your app by using the chat box.

Explain the change you want — here we're asking to change the accent color to hot fuschia.

Wait for mowgli to update your designs. Every change is made to both spec and designs — they're always kept in sync.

The sidebar and top bar will indicate which screens and states were impacted.

You can use the selection tool for more targeted changes. Click the dashed rectangle, select your area, and describe your change.

Select an area on your design to make targeted changes.

Use the chat to explain your change, like "remove this button".

You can quick-access the spec panel at any time to peek/inspect changes. You can also ideate directly on the spec and make changes there if you prefer working at the specification level.

Quick-access the spec panel to review your application structure.

Feel free to resize and inspect! Any functional changes will be reflected in both spec and designs 🤝

You can access the history view in the sidebar to go back and change things. This will let you change anything in previous steps. Note that any changes create a new version!

The history sidebar showing all your previous steps and versions.

Once you're happy with your designs, click "Export" to download the current state.

Click the Export button to download your files.