Sign Up to Subscribe

To get the latest and most quality design resources!

Sign Up to Subscribe

Thank you for your support!


Mockplus is a faster and easier prototyping tool to help you make prototypes by making interactions with simple drag-and-drop and working on a team project easily and effortlessly. Microsoft, Oracle, Simens, IBM, UBI, Huawei and 300+ global colleges are using it, YOU SHOULD TOO!

Start your free trial

Mockplus Sample Project – Grid Diary (App, Diary)

Mockplus Team 4687 Views

Grid Diary is a simple journal app with powerful functions and is very popular with young people who love writing diaries. And it is not only a tool that can help you record your life. Actually, its unique interface is made up of a number of grids. And each grid also includes a question. That’s really interesting. And as with grids, recently, Mockplus also introduces a brand-new Table component that really shows you WYSIWYG. It no longer uses a set of text codes to control and edit the data grid, you can directly insert a row or column, and enter a text with double clicks. So, it can be really easy and fast to set such interesting grids with this new Table component.

Since this new Table component has not been released yet while building this app prototype, the process of adding these grids by using line components is a little bit troublesome.Let’s try this new Table component.

Let’s see it in GIF at first:

Grid Diary

Click here to preview it online:

UI Flow in Large Size:

Grid Diary

Pages of this prototype: Welcome, Guide, Home, Edit, Detail and Share, etc.

The project file can be downloaded here.

All pages of the album (10 pics in total) can be downloaded from here.

Enjoy it!



Mockplus is a desktop-based tool for prototyping mobile, web and desktop apps easily and quickly. Create interactions by simple drag-and-drop and your teamwork will be time-efficient with the collaboration features.

Free Trial
idoc close

Need help?

Join Mockplus on Slack Click here