AnnotatePro Update – Animated Components, Drawing on Image

Screenshot 2015-04-22 17.02.27

We are excited to announce the latest release of MockFlow AnnotatePro with two new features

1) Animated Components – Animated components help in identifying interactions for the user. There are two animated components – Pulsating Circle and Radiating Circle.

2) Drawing – This was a long asked feature. Now you can draw over the image to annotate it. The draw tool comes with line thickness and color.

With this release, AnnotatePro has become a comprehensive solution for annotating images, making interactive images and a collaborative tool for discussing images.

WebsitePro Update: Tab Sessions, Improved Asset Manager, Other Fixes

Screenshot 2015-04-14 16.50.31

The highlight of the latest update to WebsitePro is “Tab Sessions”. This automatically saves and restores open tabs in a project by user. Since WebsitePro remembers the files opened by the user last time, it cuts-down unnecessary time involved in opening files back again when the project is reopened. So the user can jumpstart his website coding immediately after opening the project from where he left-off.

Other updates include minor improvements to Asset Manager, making it more easy to upload files and moving files between different groups etc. Also this update brings in certain bug fixes to editor. Happy Website(Pro) Coding :-)

Social Interactions and New Components in AnnotatePro


The latest release of AnnotatoPro extends the interactivity feature released last month with “Social Interactions” and new Components. “Social Interactions” enables users to associate content from social media to images in an interactive way. This release includes social interactions like YouTube and Google Maps. More Social Media connections are in the pipeline.

In addition to this, two new annotation components have been added – Callout and Icon components. Both are meant for displaying interactive annotations. While the Callout provides just numbering, with the Icon component, user can select from a library of over 500 icons to easily label their image.

Link to Sample


New! Interactive Annotations in MockFlow AnnotatePro

Screenshot 2015-02-28 13.07.46

We are glad to announce a new major feature for MockFlow AnnotatePro – Interactive Annotations. Using Interactivity, images can now reveal more and rich information to the viewers through popups. The following interaction types are supported currently

  • Text Popup
  • Image Popup
  • External linking

The popups can be customised using the built-in visual popup theme editor that includes styles, fonts and transitions.

Screenshot 2015-02-28 13.27.13

Example Interactive Annotation:

Annotations can also be embedded within webpages or blogs using iFrame. In a latter release we plan to support more interactivity types like Video, Audio and Social etc….

New Feature: “Post Wireframe as a Comment” and Comment Attachments

Screenshot 2014-11-13 23.02.45

WireframePro’s latest update provides significant improvements to the Comment System. Comments are a vital part of a wireframe project to gather feedback, collaborate and share ideas.  So far comments in WireframePro were only text based, this update helps users to make visual feedback by bringing in two new features:

Post Wireframe as a Comment

Users can now modify the page they are viewing and post it as a Comment by simply clicking the “Modify Page and Post” button as shown in the picture above. This aids users to instantly communicate the visual changes they require in the Wireframe.

The editor of the project can import this modified page if needed to their project.


Files like PDF, images can be attached to comments. This helps to reduce email clutter associated with a Wireframe project.

You can try both these features by clicking here.

Note: DesignCollab also now allows attachments for comments.


Real-time Collaboration & Team Chat added for AppPlanner, DesignCollab and WebsitePro

Screenshot 2014-09-15 23.09.40

MockFlow being an Online Design suite, Collaboration and Communication are key elements when projects are shared between users.  Today’s big update solves this by providing Real-time data sync and Team Chat for the following apps in Design Cloud:

You can verify this by opening two instances of the same app and project. And any change made in one instance will be immediately reflected in the other instance of the project.

Team-Chat provides an in-app embedded but draggable chat dialog for discussing project details as you make changes.



AnnotatePro Update: Sticker Store & Image Padding

Screenshot 2014-08-06 21.23.36


We are excited to release the long awaited update for MockFlow AnnotatePro. This latest update brings in two big features apart from bug fixes and performance improvements like quicker exporting.

Sticker Store

AnnotatePro now comes with a third-party Sticker Store as shown in the picture above. Sticker store provides a growing library of annotation stickers in addition to the built-in components. Users can search, import and use these stickers in their annotation to achieve better markup and attention.

Sticker Store already includes over two dozen stickers and it is growing fast. Users can also contribute their own stickers to the store or keep it restricted only to their project.

Image Padding

Image Padding allows you to expand the space around the Image to accommodate more annotation components. The Image Padding control can be accessed from the top menu and it provides options to increase the padding for each side of the Image and also the color of the extra space can be set.

Screenshot 2014-08-06 21.23.50

Like with other MockFlow Products, we are continuously updating AnnotatePro. In its next update we hope to provide features like drawing over image, improved sharing and an API.