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.




DesignCollab Update: Get Client Approvals to select best design

up1MockFlow DesignCollab is an online tool to speedup design decisions for Teams and Consultants. This new update helps to even more simplify the decision process in a better way.

Client Approvals  – This is the highlight of this update. As shown in the screenshot above, projects can be shared with Clients called Approvers. Clients can then review, comment and approve the best Design Variation

Ratings Removed – We have removed the ability to rate individual design variations, since the feature was underused and it did not help private projects as they have few collaborators.

Interface Updates – Sharing Projects is now quicker, Design Thumbnails are now reasonably bigger and many minor quirks have been fixed.

Screenshot 2: Design Variations showing Approved Designup2


Screenshot 3: Now projects can be shared with Approversup3

Next Update: The goal is already set for DesignCollab’s next major release which will include Real-Time Collaboration and native Mobile apps for iOS and Android.




New ‘Diagram Editor’ in AppPlanner

Screenshot 2014-04-08 15.45.11

MockFlow AppPlanner provides a complete tool for planning and organizing your App development. In addition to its existing functions such as Task Management,  File Sharing, App Knowledgeable and App Details section, we are now pleased to introduce a new ‘Diagram Editor’ that will help to brainstorm ideas for your App.

This new feature is called ‘ARCHITECT’ and it helps to Draw diagrams to visualize App ideas, user interface and design workflows to architect App’s functions