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
...
Pages refer to the individual screens or interface layouts that are being designed. Each page represents a distinct view or state of an application or website being developed. These pages help visualize the flow, structure, and content of the final product.
...
| Child pages (Children Display) |
|---|