Managing Projects and Sketches

Mockup is practical when it comes to organizing and managing sketches and projects on all facets.

Managing Your Projects

Creating a Project

  1. Tap on the “new” (+) button.
  2. Select New Project.
  3. Enter the project title.
  4. Assign a color to it.
  5. Tap the “Create” button.

Managing a Project

Mockup allows you to create projects within projects for better organization. You can move a project to another project in the same way that you can move sketches.

Tap and hold on the intended project. You have two options for managing your project: edit or delete.

You can change the color or name of the project once edit is tapped.


Managing Your Sketches

To manage the sketches, tap and hold on the sketch to expose the content menu.

Export Mockup File

Explained in the Export section.


When the duplicate button is tapped, a copy of the sketch is created.


Once tapped, choose a project to which the sketch would be moved to.


Tap and rename the sketch.


Cross out the sketch.

Export Sketch

To export a sketch:

  1. Tap on the export button found on the top-right.
  2. Pick the format and area of your preference.
  3. Tap Export.

High Quality Export

High quality export option is available or better results. Images and PDFs exported are of higher resolution.
Users can disable it if the export fails or if they prefer a faster low-quality export.

Regarding Format

  1. PDF: Export a single PDF file.
  2. Images : Individual images for each frame.
  3. Mockup : The file would be saved as example.mckp

Regarding Area

  1. Auto: Automatically selects the used area. The empty frames that have no sketches are not considered.
  2. Screen: Select the visible devices only. For example: if the screen is zoomed on a certain sketch and it’s what viewed whilst saving then it is exported as such.
  3. Canvas: Exports the whole canvas: where is sketched and where not.

Import / Export Sketches (.mckp files)


  1. Tap on the new (+) button and select the import option.
  2. Select the file to import. (The imported file had previously been exported as a Mockup file: example.mckp)


  1. Tap on the export button in the sidebar.
  2. Select the “Mockup” as the format.
  3. Tap Export.


You can now sort your projects according to your preference by tapping on the button on the top right corner.


Backup screen offers different intervals and it is automatic. This is different and additional to the iCloud sync (where all the data is synced on devices with same iCloud account).

The purpose of the backup is to create a copy of the data that can be recovered in the event of a primary data failure. And it saves the work if an error occurs.

Backup intervals are determined by the user as well as the option of turning it off. The user also decides how many backups to keep (10 being the maximum).

After setting out the preferred context, hit the BACK UP NOW button.