---
---

# Prototype your app

## 1 - Open the default page prototype


<img src="img/prototyper-explorer.png" />
`web/prototype/index.waPage`

> **TIPS**: 
> - click on <img class="inline" src="img/explorer-settings-shortcut.png"> to change the view options (the `.waPage` extension is hidden by default)
> - click on <img class="inline" src="img/prototyper-shortcut.png"> to quickly access the `page prototype` index

## 2 - Prototype your page

<img src="img/prototyper.png" />

[Learn more »](http://doc.wakanda.org/home2.en.html#/GUI-Designer/GUI-Designer.100-1051423.en.html){:target="_blank"}{:class="btn"}

## 3 - Run your page

<img src="img/prototyper-run.png" />

## 4 - Create more pages

<img src="img/create-page-prototype.png" />

> **TIPS**
> - Feel free to create your page prototype directly in the `web` folder or any other sub-folders.

---

Now, create a web application with Wakanda and Angular:

[Create a web app »](create-web-app.html){:class="btn"}