2014's most popular interactive prototyping tool

As a designer specializing in design work, they usually have the broadest horizons and the most sensitive sense of smell in choosing interaction and prototyping tools. As a new distribution and exchange platform, Medium offers designers a new horizon from model to work prototype. At the same time, designers can learn from each other and learn from each other. The following is a brief summary of the author of the interactive prototype design tool popular in the first half of 2014.

Webflow ($ 16 / month, web application)

Webflow is a tool for designing web sites on browsers, through which websites are designed to be lively and fully coded. Webflow's friendly WYSIWYG editor gives users complete output control, which is also included on mobile devices.

Webflow continues to add new features - including web fonts, video support, maintaining W3C compliance, interactivity, hosting, and more.

Marvel (Free, Web Application)

Marvel is a free web application for web and mobile design. With Marvel, your work can be done online - not just in sync with cloud storage, but it also makes it easy to add models from private or company files. Marvel also supports PSD file types, so there is no need for file conversion before creating a prototype.

Macaw ($ 99, Mac and Windows)

Macaw is a WYSIWYG design tool with live code on your desktop. It is especially good at creating responsive designs: its built-in breakpoint editor makes it easy to create perfect pixel-sized designs that match windows of any size.

Use this product without coding knowledge, basic HTML and CSS experience will be able to completely control this product.

UXPin ($ 15 / month, web application)

UXPin is a web application that allows users to collaborate using wireframes in their projects. Support for responsive design, version control, populated prefabricated components with drag-and-drop UI, UXPin is designed to allow designers to quickly and easily build wireframes.

InVision (Free, Web Application)

InVision is not a strict interactivity tool, it is mainly used for prototype and product development. When used in prototypes, InVision allows users to add interactivity to still pictures to demonstrate their interactivity. At the same time, InVision's project management capabilities allow customers and designers to interact with prototypes before they are developed.

Flinto ($ 20 / month, web application)

Flinto allows users to create interactive prototypes on the web and on mobile devices. Designers can scroll through static images, rotate and other operations to achieve the purpose of creating the required prototype.

Flinto also has a particularly attractive feature: its prototype can be applied to Android and iOS devices on the local application. So, you can interact with the latest prototypes you designed on your iPhone or Android device.

Origami (Free, Mac)

Origami is a Quartz Composer library created by the Facebook design team for prototyping on mobile devices. With image conversion and click buttons, designers can easily duplicate and interact with common animations on mobile devices.

Similar to Quartz Composer, Origami is especially useful for prototyping, but it does not output usable code. Origami's fame comes from the fact that it is a useful tool on Facebook for designing the latest mobile applications and for designing essays.

Avocado (Free, Mac)

Similar to Origami, Avocado's goal is to improve Quartz Composer - it adds a library for mimicking common interactions on mobile devices.

Origami focuses on interaction and animation, while Avocado focuses on common UI elements on iOS. For example, an iOS keyboard. Avocado lets users create iOS prototypes without using any code.

Framer.js (free, Javascript framework)

Framer.js is a Javascript framework for prototyping event triggers. It has many features, one of which is as a built-in generator that processes layer groups from their own PSD files and outputs each group in the layer to form the project foundation.

Framer is a JavaScript framework, so unlike other tools described here, you need to understand HTML, CSS, and Javascript before using it. But at the same time, it does not need to be bound to any program, you can interact with it anywhere, any place.