Mockplus Release Notes

Explore the latest updates and features of Mockplus

Mockplus Classic Mockplus Cloud Mockplus RP
2021-4-8

New features

With this release, we've introduced rulers and guides to help you precisely position components and create a better layout. You can also straightly create a new project even when you are editing an RP project.

Rulers & guides

  • Added rulers and guides to help you place and align components for a better layout.

Preferences

  • Reorganized the Preferences popup. It is much easier to change the layout, grid and general settings, etc.

Components

  • Support personalizing the placeholder of the Droplist component.

Editing

  • Support straightly creating a new project when you are in the RP editing mode.
  • Guides and components will intelligently snap to each other when you moving them around.

Preview

  • Support showing or hiding passwords when sharing projects with a preview link.

Revision histories

  • Support viewing the components outside the artboard when switching between different revision histories.

Others

  • Fix: Image carousels may not work when you've created several image carousels on a page.
  • Fix: The default line spacing of the Text component may not work.
  • Fix: You may not change the text color of multiple Text components.
  • Fix: Fixed the cell position issue when double-clicking the Table component.
  • Fix: You may encounter lag issues when doing some operations on the workspace.
  • Fix other problems.
2021-4-8

New features

With this release, we've introduced rulers and guides to help you precisely position components and create a better layout. You can also straightly create a new project even when you are editing an RP project.

Rulers & guides

  • Added rulers and guides to help you place and align components for a better layout.

Preferences

  • Reorganized the Preferences popup. It is much easier to change the layout, grid and general settings, etc.

Components

  • Support personalizing the placeholder of the Droplist component.

Editing

  • Support straightly creating a new project when you are in the RP editing mode.
  • Guides and components will intelligently snap to each other when you moving them around.

Preview

  • Support showing or hiding passwords when sharing projects with a preview link.

Revision histories

  • Support viewing the components outside the artboard when switching between different revision histories.

Others

  • Fix: Image carousels may not work when you've created several image carousels on a page.
  • Fix: The default line spacing of the Text component may not work.
  • Fix: You may not change the text color of multiple Text components.
  • Fix: Fixed the cell position issue when double-clicking the Table component.
  • Fix: You may encounter lag issues when doing some operations on the workspace.
  • Fix other problems.
2021-2-4

New features

You can now download the HTML prototype of your project for offline previewing and sharing with ease.

Interactions

  • Support downloading the HTML prototype in RP mode for offline sharing and previewing.

Editing

  • Support editing the color opacity of texts.
  • Support customizing the height percentage ratio of the tab bar component's divider.

Components

  • Improved the sorting of font options. Mockplus will auto remember 5 types of fonts that you've used recently.

Preferences

  • Support customizing the offset value when copying and pasting an object.
  • Support for a new option to show hidden areas.
  • Support for a new option to show layer name on the Property panel.
  • Support for a new option to ungroup components using shortcut keys "Ctrl + Shift + G".
2020-12-31

New features

We've added a "Preferences" option to help you change the settings of your prototyping process.

Advanced editing

  • Support editing texts, shapes, states and other properties of a component or a group in the Advanced Editor.

Preferences

  • Support setting Preferences according to your needs. Layouts, grids, revision history and more options are included to streamline your prototyping process.

Assets

  • Adjusted the asset editing permission. A project member can now edit an asset freely for better team collaboration.
  • Added a new prompt to remind users when editing the instance of the deleted component asset.
2020-11-25

New features

We've released an offline editing mode that enables you to edit pages when the network is disconnected. All page changes will be auto synced after the network connection is restored.

Offline editing

  • Support for the offline editing mode. Now you can edit pages even when the network is disconnected. Any changes will be auto synced after network connection is restored.

Sub-artboards

  • Support viewing the sub-artboard details in the Storyboard mode and single page mode. The sub-artboards will be shown as the page states of the main artboards for better view and management.

Projects

  • Support hiding pages as you wish. When previewing, hidden pages are invisible to those without project editing permissions.
  • Advanced measurements
  • Support for even distribution and spacing specs.
  • Support checking spacing specs between components in any direction you like

Image cropping

  • Improved image cropping.

Properties panel

  • Added a slider to adjust the corner radius of any shapes.
  • Support flipping a vector shape horizontally or vertically.
  • Adjusted the "Conver to path" option from the right click menu into the Property panel, making it more accessible to users.
2020-6-12

New features

Support for a new strategy to reuse component assets. Changes to the component asset will be auto-synced to all instances.

Basic editing

  • Improved the way to enter the editing mode of compound components. You can now edit them with a double click.
  • Improved the interface of the Advanced Editor.
  • Added more state options to the Advanced Editor.

Assets

  • Support for a new strategy to reuse component assets. Changes to the component asset will be auto-synced to all instances. You can also detach the instance from the component asset.
  • Support for a new independent interface to edit details of component assets. You can now double click the component to enter the editing mode.

Interactions

  • Improved the way to make interactions for compound components. You can now enter the editing mode to create interactions for each item or option by dragging and dropping the link point.
  • Support freely positioning the sub-artboard when creating a popup. You can now drag the mirror image to adjust the position of the sub-artboard.
  • Support for an "Alway on top" option when trying to make a Show/Hide interaction.

Components

  • Support for a new "Drop Marker" component.
  • Support for a new "Hotspot" component.

Properties panel

  • Support for four basic arithmetic operators to resize or reposition a component more accurately.
  • Improved the color panel.

Workspace and artboard

  • Increased the max zoom to 25600%.
  • Support for a new strategy to align components pixel by pixel. When zooming the artboard to 1000%, the pixel girds will automatically show up.

Shortcuts

  • Support for new shortcut keys: Water Drop (D), Circle Marker (C) and Sticky Note (S).
  • Support positioning the text content of the Text component according to the alignment you choose when adding the component using shortcut "T".

Others

  • Support previewing a project in a new window. The previewing process will no longer affect your prototyping.
  • Support remembering your searching. The searching state and results will not be removed even after switching between different tab bars.
  • Fix: The component may follow your mouse cursor even when you only click on it, not drag it.
2020-5-29

New features

We've introduced a new "Markup" component library with 7 new components.

Components

  • Support for a new "Markup" component library with 7 new components.
  • Improved the property editing of some components. You can now style those components easily.
  • Fix: You may encounter some resizing issues when using Scope Bar, Tab Bar and other components.
  • Fix: The text content of shape components may auto change into "object".

Icons

  • Support for a new "Number/Letter" icon library with 124 new icons.
  • Improved icon sorting. Thin icons are now matched with bold icons. So, you can find the one you need quickly.

Basic editing

  • Improved the way to add the Rectangle, Text, Line and other components using shortcuts.
  • Support for equal spacing cloning: After cloning a copy by pressing "Alt", you can then clone more copies with the same spacing by pressing "Ctrl + D".
  • Improve the visual effect of spacing specs. They are now easily highlighted with different background colors.

Layer Tree panel

  • Support highlighting a layer on the workspace when you hover over the relevant layer on the left-hand Layer Tree.

Properties panel

  • Improved the interface of the Properties panel. The panel layout is much clearer.
2020-5-14

New features

With this release, you can rotate a component directly in the Workspace.

Rotating components

  • Support rotating components directly in the Workspace.

Revision histories

  • Adjusted the entry to the Revision History panel. You can now find it on the top toolbar.
  • Changed the date type of the revision histories, making it easy to catch the update time.
  • Improved the revision history display. You can now check a historical version in a full screen, enabling you to view changes and other details much easier.
  • Fixed several problems that may affect the revision history data.

Components and properties

  • Improved the strategy to resize the Panel component. Resizing the Panel will not affect the sizes or positions of the components inside.
  • Fix: You may fail to change the settings of the text components using shortcuts.

Assets

  • Support reordering your assets with drag-and-drop.

Connect mode

  • Support adjusting the arrowhead of a connector manually with drag-and-drop when drawing flowcharts.
  • Support adding notes to components quickly by using a shortcut "Ctrl+M".
  • Support for a "Feedback" option in the "Help" menu. Please feel free to leave your feedback if you have any questions or concerns about Mockplus.
2020-4-30

New features

We've introduced grids and layouts to help you layout your user interface with ease.

Design guides

  • Support showing/hiding grids to position your elements more precisely.
  • Support showing/hiding layouts to structure your page, helping you create a clean and neat layout.

Revision histories

  • Support generating revision histories automatically. You can view any versions and revert to previous versions with ease.

Pen tool

  • Improved the Pen tool to create a more pleasant UX.

Interactions

  • Improved the strategy to memorize the parameters of different interactions. Your last settings will be automatically applied to the new interaction. No need to set them all every time.
  • Fix: You may fail to drag the link point to the group or artboard that is filled with different components.

Others

  • Fix: Your project data may not be automatically saved.
2020-4-16

New features

We've released a Pencil tool to let you create hand-drawn lines, shapes and illustrations with ease.

Pen tool

  • Support cutting paths, enabling you to split your vector shape into several segments.
  • Support opening or close paths in one click.
  • Support continuing editing unclosed paths, making it easy to edit any desired paths.

Pencil tool

  • Support for a Pencil tool to create hand-drawn lines, shapes and illustrations with ease.

Properties panel

  • Support adjusting the Hue, Saturation, Brightness, Contrast and Invert of the Image component.
  • Support blurring the Image component.
  • Support turning uppercase letters to lowercase letters or converting lowercase letters to uppercase letters in one click. Text editing is pretty easy now.
  • Support editing the border cap and join types.
  • Support more text alignment options like Align right, Align left, Align center and Justify.
  • Support specifying the line spacing.
  • Support styling your lines with different Start and End types.

Basic editing

  • Support adjusting the isometric spacing between components in a much quicker way.
  • Support moving and cloning components in batch using a shortcut "Shift".

Interactions

  • Improved the popups that helps set and list different interactions. Much easier to check interactions added.

Artboards

  • Support exporting a main or sub-artboard as an image.
2020-3-27

New features

Support for more text properties, such as alignment, character spacing and so on.
Support adding component notes. Much easier to add a note, description or tooltip for a component.

Project management

  • Improved the functionality to clone projects, making it easy to create a copy for any project.

Left panel

  • Support for the Layer Tree panel. Much easier to view the page outline and layer levels.
  • Support for a new shortcut key "Alt+1-5" to quickly switch the tabs on the left panel.
  • Improved the icon style of all components.
  • Improved different operations related to Project Tree. You can now add child pages and groups with ease.

Interactions

  • Support adjusting the direction of resizing or zooming when you try to make a "Resize" or "Zoom" interaction.
  • Support for a "Switch content" command, allowing you to switch to the "Next" or "Previous" panel directly when creating an interaction.
  • Support highlighting the target component on the workspace when you select an interaction on the right Interactions panel.
  • Improved the Interactions panel and the related setting popups.

Properties panel

  • Support new text properties like Align center, Align left and Align right.
  • Support new text properties like Character spacing.
  • Support adding component notes. Much easier to add a note, description or tooltip for a component.

Workspace

  • Improved the visual effect of alignment guides. Much easier to align components and groups.
2020-3-13

New features

Support adjusting the direction of paths by pressing "Shift".
Support combining shapes, making it easier to create your own vector shapes and graphics.

Components

  • Support memorizing the settings to text components and connectors. Newly added text components and connectors will be auto styled with your last settings.

Workspace

  • Support moving components in real-time.
  • Improved the visual effect of alignment guides. Much easier to align components and groups.
  • Improved the cursor style of the Pen and the "Add sub-artboard" tools.
  • Increased the max zoom to 1600%. You can now prototype super tiny detail with ease.

Properties panel

  • Support setting a background color for a main or sub-artboard.
  • Support adding an external link to a component.

Pen tool

  • Support adjusting the direction of paths by pressing "Shift".
  • Support combining shapes, making it easier to create your own vector shapes and graphics.

Interactions

  • Improved the "Interaction" panel. A short guide is added to help you make an interaction.
  • Improved the way to delete the trigger of an interaction. No longer so easy to delete the interaction trigger accidentally.
  • Improve the strategy to trigger an interaction when the
  • Improved the strategy to activate an interaction when the trigger has been overlapped by a component. Hiding the component helps you uncover the trigger easily.

Component state

  • Adjusted the layout of the State Panel.

Left panel

  • Improved the functionality to search for icons.

Preview

  • Improved the Control panel. The two options: "Always show link area" and "Show link area on mouse hover", are no longer selected by default. Your selection will be auto remembered.
2020-1-17

New features

With this release, you can now rotate common components like Image, Button, Text and other shape components.
Searching for the target component or page is also supported when you try to add an interaction through the Interactions panel on the right side.
Support for a new strategy to align a single component with the artboard.

Components & shapes

  • Support over 60 commonly-used shapes, making website or mobile app prototyping easier.
  • Support keeping the original size when uploading images.
  • Improved the strategy to resize the Text Area component.
  • Improved the strategy to delete all text content of the Text Area component.
  • Improved the strategy to align the Text and Text Area components.
  • Improved the strategy to resize part of the compound components.
  • Improved the style and size of the Slider component.

Connect mode

  • Support adjusting the connector manually.
  • Support adding a description to explain the relations between two connected elements or components.
  • Improved the performance of the connectors.

Assets & Project Tree

  • Improved the color assets, allowing you to apply any color asset to the Fill, Border or Text of a component in simple clicks.
  • Improved the way to rename pages on the Project Tree.

Editing

  • Support rotating common components like Image, Button, Text and other shape components. Support searching for the target component or page when adding an interaction through the Interactions panel on the right side.
  • Support for a new strategy to align a single component with the artboard.
  • Improved the strategy to turn on/off the responsive layout of the parental component groups or containers.

Workspace

  • Support viewing the spacing between components by pressing Alt and hovering over a component.
  • Support for new shortcuts to add components and adjust artboard hierarchical levels quickly.
  • Improve the strategy to memorize your last zoom ratio. After switching or previewing pages, the zoom ratio will not change.
  • Improved the strategy to adjust the artboard position. After showing/hiding the Control Panel, the artboard will auto be centered.

Mockplus Cloud Integration

  • Fix: A member may be shown as "Unknown" when he/she is editing a component.
  • Fix: The artboard in Mockplus RP may have a different size when it has been opened in the single page mode of Mockplus Cloud.
  • Fix: Fixed some problems of the single page mode.
  • Fix: You may fail to return to from Mockplus RP to Mockplus Cloud.