Meet MockingBot, one of the top prototyping tool in Asia

MockingBot
MockingBot
Published in
6 min readFeb 13, 2018

Today, we are really excited to announce that the new features of MockingBot, after a period of laborious and full-of-passion work of our team members, can finally meet everyone.

MockingBot, as a collaborative prototyping tool born in America, grown in China, has long been the primary go-to tool for many UI/UX designers and product managers in China to make wireframes and clickable prototypes. The internet giants in China like Baidu, Tencent, Lenovo, etc, all use MockingBot to create product prototypes.

We understand that MockingBot is still not a familiar term for UI/UX designers, PMs, or developers in the English world. Many don’t even have a clue of what MockingBot can do. But for those who happen to know us and clap for us, we are happy to contribute value and encouraged to achieve more progress.

To get to know more friends, we find it necessary to give a full-fledged presentation of the main features of MockingBot here. :)

(Find gifts in the end!)

Prototyping

One demo made by MockingBot

1.Multi-Platform Prototyping

MockingBot supports prototyping for various platforms like iPhone, Android, Pad, Watch, PC. You can also customize the device size as you need. We aim to provide a convenient and free design environment for designers.

2. Plentiful Design Widgets and Icons

With abundant Widgets, such as Text, Button, Image, Map,Video, etc, IOS and Material design library, and Icons, you can quickly create wireframes and prototypes like playing with Lego.

You can also customize your widget and reuse it across projects.

3. Simple Drag and Drop for Interactive Prototype

The success of a mobile app or site closely associates with the user-friendly gestures and transitions. MockingBot offers a variety of page transitions, gestures, and animations for you to implement into your mobile design.

Besides, with our Sketch Plugin, you can sync with your Sketch files and quickly link the screens to take your prototyping to a higher level of fidelity.

4. Multi-format Offline Files Download

MockingBot supports exporting HTML/PNG/APK/IPA offline files, which is convenient for you to present the prototype in any environment for any need.

5. Quick Share and Preview

Through QR code or shareable URL, you can easily share your project with your team members, users, clients or stakeholders, who can preview and interact instantly without logging in.

Collaboration

  1. Real-Time Collaboration

To satisfy the demand of team members’ collaboration within a product group, MockingBot offers two types of collaboration: Team Collaboration, which enjoys a high security and hierarchical setting, and Project Collaboration, which is a more flexible and flat mode.

In Team Collaboration, The owner of the team can add members and customize their roles, like administrator, designer and reviewer.

We also consider several scenarios which may happen in design work collaboration and provide clear solutions.

2. Comment

Feedback is the lifeblood of a healthy design team. It leads to greater products and helps designers reflect and grow. An effective exchange of feedback thus is vital for a smooth design workflow.

In MockingBot, team members can add comment easily and pin the comment in the relative area, so when there is a bunch of comments from different team members, they won’t be messy.

3. Remote

Since team members can edit the same project and comment without limit on working location and time zone, MockingBot can meet the demand of remote workers or some digital Nomads. :)

Handoff ( new feature)

  1. Devs can get automatic specs and code by a simple sharing URL.

As long as designers import Sketch files to MockingBot by our Sketch Plugin and send the sharing URL of the project to developers, they can instantly get specs, like spacing, color, size, etc, and code of any element.

No more manually inspecting.

2. Automatic conversion of all-platform measures

Handoff not only supports the measure conversion of color and resolution between platforms, also allows the manual input of HTML units(rem/em).

We aim to save designers from repetitive work so that they could focus on real design.

3. Multi-resolution image export

Once the Sketch files are uploaded to MockingBot, images of multiple resolutions can be automatically exported.

The developers for android or iOS can simply choose the right resolutions and export global images in just one click.

No more wasting time in transferring assets between designers and developers and let you guys live in peace and harmony.

4. Global colors, current screen colors, and color picker

MockingBot Handoff can demonstrate the global colors, as well as colors of the current page.

Not enough? Use the Color Picker to choose any color and customize your personal palette.

Wrap-up

MockingBot itself is all-platform adaptive. You can wireframe and prototype online, or download MockingBot Client for Mac, Windows, Linux system to have a better design experience. Besides, you can download MockingBot Player for IOS or Android to preview your prototype as a vivid simulation.

Equipped with our Sketch Plugin, MockingBot does more than just creating high fidelity prototypes which looks very similar to real app, meanwhile it covers the whole post-Sketch workflow for you.

We dearly hope MockingBot could smooth the working experience of every designer, no matter in designing a product, testing a product, receiving feedback, or handing over assets to devs.

Bonus

For those UI/UX designers who are looking for a free wireframe and prototyping tool, Yes, MockingBot offers free version, which supports up to 3 projects and up to 20 screens for each, enough for beginners to make a simple mobile app or website prototype.

Even if you want to enjoy professional features, MockingBot is an economical choice. Its monthly fee is as low as 4.99$.

Right now, we prepared two gifts for our users to celebrate our new features! Come here and get up to 80-day Collaboration Plan of MockingBot!

--

--

MockingBot
MockingBot

More than a rapid&collaborative prototyping tool.