Mockitt

Export & Handoff

352export.jpg

Mockitt provides various export functions to facilitate team collaboration and design handoff. Whether you need Images, PDFs, HTML demo packages, or Android APKs, Mockitt has you covered.

Note: Mockitt is a cloud-based product, and data is stored in the cloud. There are no offline source files in the traditional sense; exported files are intended for presentation and handoff. To edit the same prototype on a different device, simply log in to your Mockitt account. If you need to hand over source files to others, you can use the Export Source File feature or the Enterprise File Transfer feature.

Export PNG

Steps:

  1. Click the Export button in the top toolbar of the editor.
  2. Select PNG.
  3. Configure the settings based on your needs: Export Scope, Type, Scale, and Device Frame.
  4. Click Export to download the PNG file.

Note: Free Plan users (including trials) can export PNGs/PDFs with a Mockitt watermark. A paid subscription is required to remove the watermark.

Export PDF

Steps:

  1. Click the Export button in the top toolbar.
  2. Select PDF.
  3. Configure the settings: Scope, Type, Scale, and Device Frame.
  4. Click Export to download the PDF file.

Export Offline Demo (HTML)

Mockitt supports exporting HTML offline demo packages, allowing you to view and present files without an internet connection.

This is a Paid Feature available to Professional and Team Plan users. It is not supported on the Free Plan.

Steps:

  1. Click the Export button in the top toolbar.
  2. Select Download HTML.
  3. After downloading and unzipping, open the index.html file in a browser to start the offline presentation.

Export Android APK

You can export an APK file to simulate the product's performance on an Android device and preview the prototype directly on the mobile desktop. Please note that commercial fonts will not be packaged into the APK file.

This is a Paid Feature currently available to Team Plan users.

Note: The exported APK is strictly a demonstration file. It cannot be used as an actual functional app and the code cannot be reused for development.

Steps:

  1. Click the Export button in the top toolbar.
  2. Select APK.
  3. Follow the prompts to complete the export and download the APK file.
  4. Install the APK file on an Android device to preview the prototype.

Export Source File

You can export the Mockitt prototype project as a source file with the extension .mdrp. The exported source file can be imported into other Workspaces.

Eligibility: This is a member-only feature. It is supported for Lifetime Individual, Team, and Enterprise members.

Permissions: Only Owners and Admins of a Team/Enterprise can export source files. Collaborators cannot export source files.

Steps:

  1. Click the Export button in the top toolbar.
  2. Select Source File.
  3. Download the .mdrp file.
  4. To import, go to the Workspace, click the Import button in the top right, and select Mockitt Source File.

Export Annotations

  1. Exporting Canvas: When exporting the entire canvas (e.g., to Image or PDF), you can choose whether to include annotations. This option includes Card Annotations (Notes) but excludes Sticky Notes.
  2. Exporting Single Page: Annotations cannot be exported when exporting a single page view.
  3. Exporting Offline Demo: The HTML export includes all annotation content (both Notes and Sticky Notes) by default.

Export Widget Images (Slices)

You can export specific widgets or elements from the page. This is simple and supports batch exporting. Select the widget you want to export and click Export in the bottom right corner of the Appearance panel to save it locally.

Export from Handoff Mode

In Presentation/Handoff mode, developers and designers can export asset slices directly to view details. In the Preview window or Share link, switch to Overview mode in the top bar. Select the desired component and click Export to save the image.

Important Notes