A Produle Systems’ Blog

We are constantly improving MockFlow to make sure it lives up to its tag called "Super-Easy". Today's update again justifies that effort with an improved 'Note' component. The 'Note' component is very popularly used in MockFlow along with the 'Arrow' component to point out what the notes refer to. So we thought why not combine this functionality by integrating 'Arrows' with 'Notes'. As a result of which, the Note component now features two arrow indicators (left and right) when the mockup is in edit mode. The arrow indicators can be simply dragged and placed anywhere in the mockup and also the arrows can be set to any preferred color. The left-right arrow indicators in the note would automatically disappear when the mockup is switched to the Presentation mode.

This new functionality would improve the usability of MockFlow especially its annotation features by a lot. And here is a very short demo video on how it works:

Loading mentions Retweet

The new feature in today's build helps to enhance interactivity in Wireframes at a button's click. You can now optionally provide sub-menus for link hierarchy (as shown in the picture above) using the Link Settings of navigation components. When the menu support is enabled, the component will show drop-down menus for any sub-pages (children) that exists for that link. The menu popups on rollover of an item and on click navigates to the corresponding page.  Ofcourse this will only work in the 'Presentation Mode' of a mockup. The following components supports this functionality:

• BreadCrumb
• Horizontal ButtonBar
• Vertical ButtonBar
• LinkBar
• MenuBar
• TabBar
• TabNavigator
• WedgeBar

Loading mentions Retweet

Today's update to MockFlow's web & desktop software brings in loads of refinement including better support for *very* large sitemap visualizations, persistent zoom-to-fit across all pages and fix in font settings. Also included is a new premium-only feature called 'Duplicate'. The 'Duplicate' button allows to quickly clone a mockup project providing the following benefits:

• Easily make backup copies of an existing project
• Archive changes of a project similar to revision history
• Simultaneously work on different wireframe types for a website/software

Loading mentions Retweet

We had the 'Zoom' feature for ages in MockFlow but it was only available when the mockup is in 'Presentation mode' and also it was limited in functionality. Today's build reintroduces the 'Zoom' for both the Editor and Presentation modes along with an auto-fit feature. You can control the zoom settings for the editor using the new blue icon as pictured above or using keyboard shortcuts.

Ctrl +  : Zoom In
Ctrl - : Zoom Out
Ctrl+0 : Zoom 100%
Ctrl+1: Auto-Fit

The Auto-Fit function will automatically zoom the workspace containing the mockup to your visible screen area so that scrollbars are avoided. Overall zoom in editor makes it very useful for working on large sized mockups without compromising on space.

p.s. we call this 'Super' zoom as it also scales any master pages/templates if present

Loading mentions Retweet

At MockFlow, we want to always provide our users with the state-of-the-art Wireframe experience and today's update is a sample of it.  The new sitemap visualization introduced this week has been now made fully interactive. Rollover on the nodes of the sitemap to view icons to add,delete and duplicate pages. Also you can easily drag a page/folder around to change its parent/position. As you can now directly build on the SiteMap visualization the user experience is very intuitive.

The demo video embedded above provides a quick overview of these features.

Loading mentions Retweet

A major update to the SiteMap Visualization has been released in today's build for both web & desktop clients. This new tree graph has been written from scratch and it provides an interactive overview of your wireframe's sitemap in a mouse click.

Some salient points of this feature:

• Navigate your wireframe using this visualization by selecting a page
• Zoom-Out function lets you accommodate larger sitemaps in smaller screens
• Export your sitemap to a PNG image file

Loading mentions Retweet

Today's build brings in a couple of updates worth mentioning. 

(1) Colored Icons:  This feature was done based on customer requests. Now you can change the default black color of the icons to almost any color of choice by simply manipulating its RGB sliders (as shown in the figure above)

(2) MockFlow Desktop performance: The application startup and the mockup loading time has been now highly optimized for the MockFlow Desktop Client (http://www.mockflow.com/desktop), We recommend using the desktop client especially when you want high performance & offline capability for your design work.

Loading mentions Retweet

We are very excited to release back-to-back big updates for MockFlow. Today's build introduces a new tool called "Web Snapshot" feature that is exclusively meant for the Desktop Client of MockFlow. Using this feature, you can enter the URL of a webpage, select any region in the page of any size and then hit the "Capture" button. This would take a picture of the selected region and upload it directly to your mockup's asset library.

The "Web snapshot" function is listed under the tools menu of the MockFlow desktop client and also in the Image manager.  See the video below for a short demonstration:

As it is integrated within MockFlow, it makes it very easy to capture whole or parts of web pages and use it in your mockup instantly.

Loading mentions Retweet

As you may have noticed, MockFlow now features a new Dashboard for managing your mockups effectively. The redesign is not only aesthetically pleasing but is aimed at Teams for easier sharing and to track project activities.

The default dashboard screen presents two columns. The left column contains all your mockups and the right column provides 'Team updates' and 'MockFlow News'.

• 'Team updates' provides notifications when other members of your team has shared / removed / changed your permission of their mockup projects and also of any comments added to your mockups.
•  'MockFlow News' displays upto date information about any features, fixes, interesting additions to MockStore and even usage tips about the application

•  'Logs' is used for tracking project activities such as changes, revisions, comments, sharing... from you and the mockup's collaborators.
•  'Members' makes it easy to invite and share the mockup with your team

Loading mentions Retweet