Sign Up to Subscribe

To get the latest and most quality design resources!

Sign Up to Subscribe

Thank you for your support!


Best Prototyping Tool for Mobile, Web and Desktop Apps.

Get Started for Free


Handoff Designs with Accurate Specs, Assets, Code Snippets Automatically.

Get Started for Free

Mockplus Sample Project – Grid Diary (App, Diary)

Mockplus Team 9625 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

Need help?

Join Mockplus on Slack Click here