• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

  • Home
  • UX Articles
  • UX Advice
  • UX Reviews
  • UX Resources
  • UX Events
  • UX Glossary
  • About Us
  • Contact Us
You are here: Home / Reviews / MockFlow : Quick and Easy Ways to Brainstorm on UI Ideas

MockFlow : Quick and Easy Ways to Brainstorm on UI Ideas

August 22, 2018 by Swathi Kirthyvasan

MockFlow Review
  • 7/10
    Look and Feel - 7/10
  • 8/10
    Ease of Use - 8/10
  • 9/10
    Pricing - 9/10
  • 8/10
    Support - 8/10
8/10

Summary

MockFlow is one complete design tool suitable for creative minds looking for a little flexibility in how they handle their projects. It offers a comprehensive range of tools for UX needs and its versatile nature makes it worth any user’s time.

What is MockFlow?

MockFlow is a complete UX design platform that offers multiple features for UX development needs. It is built to help creative individuals brainstorm and visualize concepts, document UI specifications, integrate with other industry-leading apps, wireframe, and enable team collaboration in the design process among other things. It comes as a one-stop resource center where Startups, SMEs, agencies, and enterprises can find their UX design requirements. MockFlow has versions for both Web and Desktop.

MockFlow features

WireframePro

MockFlow provides an all-in-one platform for visualizing ideas and seamless conversion of mere UI concepts into drawings that can be revised and improved gradually. The WireframePro features the following elements that help in building ideas into real designs.

Beautiful editor

The editor framework acts as a digital drawing panel where users can conceptualize UI ideas.

Component packs

You also have access to pre-built components for user interfaces such as Web, iPhone, iPad, Android Phone, Apple Watch, Bootstrap lib among others.

Export design

MockFlow also allows users to export Wireframes in different formats including MS Word, Adobe PDF, images, and MS PowerPoint.

MockStore

This is a Wireframe Pro’s integral App store containing an infinite list of components, UI packs, and templates. It gives access to dozens of wireframe templates and other content made available by MockFlow’s users.

Collaboration features

MockFlow is built for teams hence it offers tools that allow the collaborative approach to design. The in-built collaborative framework allows real-time and role-based communication and sharing of ideas.

Wireframe specs

WireframePro provides a hassle-free way to create pixel-perfect specifications and CSS code for any component usable in the wireframe. This simplifies design hand-off.

SiteMap

MockFlow avails a practical and easy way to generate SiteMaps and UI flows. Changing the impression of a SiteMap design comes easy thanks to readily available themes. Existing thumbnails further enables designers to represent nodes visually in the UI flows. Other features here include;

Export

With every SiteMap created you can export to high-resolution imaging, XML, and MS Excel formats in line with the requirements of your project.

Sharing

SiteMaps can also be shared with others such as colleagues or any other stakeholder. MockFlow provides an easy way to generate a link for this purpose.

Comments

When it gets to keep tabs on the feedback, every node in the SiteMap features comments, attachments, status, notes, and notifications.

StyleGuide

The StyleGuide feature puts forward a way to style brand pages and build design guidelines with unparalleled ease. And thanks to available themes you can always switch the StyleGuide orientation as the need arises. With its four sections namely colors, fonts, text, and images StyleGuide provide a simple and reliable medium to document created designs to UI specifications.

DesignCollab

In the design community working in teams remains a popular and MockFlow’s DesignCollab supports this quest. DesignCollab allows team members to share and review UI designs among themselves. For instance, colleagues working on the same project can gather an assortment of related images through boards under one project title and make comparisons either side by side, overlay or via image diff comparison. It also helps streamline the design review process considering users can seek approvals or feedback through annotated comments feature. A complete project or design boards can also be exported in PDF format.

WebsitePro

This provides for collaboration in building and publishing websites. It is aids server setup, launching, file management, and optimization of the build. It also caters for the following aspects:-

  • Live preview: You can have a preview of code changes in the website as you execute changes.
  • Download as zip: website comes with the ability to download the whole website as zip for custom deployments or offline use.
  • Visual editor: The content editor allows updates to be effected on websites without dealing with code.
  • Templates: WebsitePro feature comes with a templates store that designers can make use of while testing their designs before embarking on real projects.
  • Collaboration: The integral collaborative tools allow secure sharing of projects among several site editors.
  • One click publishing: Published sites are instantly minimized and zipped for optimal performance. Connect a site to a custom domain or vanity URL with a single touch
  • Backups: It avails complete website backup and revision history of files and all these can be replicated or restored if necessary.

Annotate Pro

MockFlow is built for seamless annotation. This tool makes it easy to depict UI screenshots with annotations and get prompt feedback from others. The spotlight and zoom fx make it easier to highlight parts of interest in the design. You can also selectively censor content in the user interface using either blur fx of pixelating. Other elements here that work to better design works include:-

  • Sticker store: It avails dozens of annotation stickers such as shapes, stamps, signs, speech bubbles and more all within the editor. Designers can find and make use of the stickers to make their creations more interactive.
  • Animated icons: The animated components are readily available and can be used to make the design catchier.
  • Share: AnnotatePro also provides for private (with permission restriction) and public link sharing.

Pros:

  • Excellent functionality and diversity
  • Intuitive interface
  • Has web and desktop versions
  • Excellent collaboration features

Cons:

  • No monthly payment option
  • Flash-based

Pricing

 

Filed Under: Reviews

About Swathi Kirthyvasan

Swathi is a UX Strategist, UI Designer, Content Writer and Editor and a little bit of Social Media Manager currently digging deep into Salesforce, UX Writing, AI and Psychology.
When not doing any of the above, she can be found in the middle of experimenting with multiple art styles and mediums to create vibrant, intricate artwork, teaching, mentoring and reading. She also dabbles with photography, is an amateur runner, occasionally binges on movies and TV shows, and loves her daily cup (or two) of herbal/green tea.

Primary Sidebar

Trending Articles

Preparing UX Designers for the Age of Artificial General Intelligence: Embracing the Future

April 6, 2023 By Shubhanjay Sathe

Introduction The rise of Artificial General Intelligence (AGI) is expected to impact various … [Read More...] about Preparing UX Designers for the Age of Artificial General Intelligence: Embracing the Future

photo of emeraging techologies

Emerging technologies everyone needs to know about

April 4, 2023 By uday nandan

The world of technology is constantly evolving, and new emerging technologies are being developed at … [Read More...] about Emerging technologies everyone needs to know about

a tab showing ar view

Designing for Augmented Reality: A Beginner’s Guide

April 4, 2023 By Swathi Kirthyvasan

Augmented Reality (AR) has become increasingly popular in recent years, with applications in fields … [Read More...] about Designing for Augmented Reality: A Beginner’s Guide

All Advice

Is UX important or is it all just a hype created?

February 18, 2019 By Swathi Kirthyvasan

Not a hype at all. Having a great experience holds priority over great UI. Users are becoming … Read Full Answer about Is UX important or is it all just a hype created?

How to make businesses understand the importance of UX writing?

August 12, 2018 By uday nandan

Every business which is into developing products for end users and like to communicate clearly what … Read Full Answer about How to make businesses understand the importance of UX writing?

How much should be charged for a UI design project?

July 23, 2018 By uday nandan

Simple, how much do you need to cover your expenses? How much do you want to earn? If you’re … Read Full Answer about How much should be charged for a UI design project?

More Advice

  • How can a UI designer give specifications to a developer to make sure they give perfect UI output?
  • What are some Ethical Considerations in AI-Driven UX Design?
  • Step-by-step UX design guide for HoloLens
  • What is the actual difference between a goal-directed design and a user-centered design?
  • What are the expectations of a UI architect?

View More Advice

Copyright © 2023 · TheUXStudio