Page Hierarchy

Pages are under Mocky project and actual place to draw.

  • Open project and go to Pages tab

  • Drag and drop page/folder to create hierarchy.

Available actions:

  • Create new page

  • Edit page name

  • Create folder

  • Edit folder

  • Duplicate pages and folders

  • Drag & drop page into folder

Note :Page-autosaving or click on command/ctrl+s

Create new page/folder

  • Click on New page

    • Name

    • Select your page size:

  • Click here to create new folder:

  • Drag and drop page/folder to create hierarchy.

Page settings

(1) Change background

2) Size of page : width and height

(3) Sync

(4) Type of page

Delete page/folder

  • Click on page/folder want to remove → click on move to trash icon

  • Click to trash tab:

    • Restore

    • Trash can icon : permanently delete

Page visual view

You can navigate to Visual View by clicking on Visual View icon

There are 3 view modes in the Visual View screen

1. Grid view

Grid view is where you can visualize all the pages as a grid

  • (1) Select page

  • (2) Duplicate

  • (3) Create a sibling page

  • (4) Create a child page

  • (5) Delete page

  • Edit page : back to that page

(1) Back to project

(2) Search

2. Map View

Visualize your page hierarchy with a map view

  • You can drag and drop page/folder to change their position.

Change workflow

  • Select page/folder

Search/Filter by workflow/Show or hide covers

Zoom in/out:

3. Workflow

Manage and your pages with workflow view, where you can

  • Update status by dragging & dropping pages

  • Add new, update or delete boards

Page button

(1) : Undo button

(2) : Redo button

(3): Free Drawing

(4): Export PNG

(5): Reset View

(6): Move canvas

Page autosaving