Search

Web design: 10 prototyping software for your models


Are you creating a layout for your web or mobile application and you want to format all your Sketch, Photoshop or other files in order to get a rendering so you can test the UX?


You are in the right place.


We have tested a lot of prototyping software for you and we deliver our ranking of the most practical applications on Windows and Mac.


1. Origami Studio (free)


The new kid, an open-source software developed by Facebook.


Besides its basic looks and dynamic appearance Origami Studio has a major asset, it is free. It allows to create prototypes of mobile applications.


You can even test on your iOS smartphone the Origami app.


Origami Studio fonctionne avec Quartz Composer, il est donc disponible uniquement sur mac.


2. Flinto

Flinto is also a very modern prototype software.


It is divided into two products, on the one hand Flinto Lite which allows to make prototypes directly online and to visualize them on its mobile thanks to a web app. A simplified solution that will delight graphic designers who want to save time.


Flinto has also published "Flinto For Mac", a deeper version with the possibility to visualize its prototype on smartphone thanks to a dedicated app. Needless to say, it is available only on mac.


Good to know

You still have to count $ 99 for the software and 20% per month for the online version.


Both versions have two offers of 15 and 30 days.


3. Proto.io


Although its use is mainly dedicated to the creation of prototypes for mobile applications, Proto.io also makes it possible to adapt to web site prototyping.


We were seduced by its simplicity and the quality of the proposed interactions. Like many of its competitors, it has its dedicated application for smartphone demonstrations.


Its expanded offer ranging from $ 24 to $ 160 allows all profiles to find their account (price differentiation varies according to the number of projects and collaborators).


4. Principle


Another software available only on mac, it also has its application iPhone visualization.


Principle plays on the notion of simplicity and speed by even promising to make a prototype in 5 minutes.


For 5 minutes it remains to be seen but it is true that this software will save you time. In terms of price, it is matched with Flinto For Mac with 15 days of free trial then $ 99.


5. Framer Studio


Sadelly, the followers of Windows will be disappointed since here is still a very practical software but available only on Mac OS.


In addition to the qualities of the 4 applications mentioned above, Framer Studio allows the direct integration of your documents in Sketch format.


You also keep your layers for the creation of the prototype. Framer Studio is therefore in a more "professional" niche for larger projects.


It is sold for $ 129 and offers a trial version of 15 days.


6. Marvel


With this app, it's now easy to create an animated prototype.


Upload your images, select interactions, and your design comes to life! You can obviously connect it with many tools like Sketch, Google Drive and Dropbox.


For the price, you have the opportunity to start a Project for free, then it's from $ 12 / month.


7. Adobe XD


Very popular with its ergonomic interface and powerful features, Adobe XD can also make the prototype and create interactions.


It's also very easy to share your creations with your colleagues or clients.


Belonging to the Adobe suite, the integration of software like Photoshop or After Effects is done naturally. Well seen !


8. Hotgloo


HotGloo is an online UX prototyping tool designed to create wireframes for mobile and desktop applications. But not only !


HotGloo helps visualize planning processes, create and test user interactions very easily.


With this tool, it is possible to share fully interactive prototypes with your team and your customers. Tutorials and documentation are also available online to help you.


7 days are available to discover the product, then subscriptions start at $ 12 / month.


9. InVision


Invision is a complete tool for managing UX designer projects. It is used by designers to create integrated interfaces: each static screen is transformed into a clickable and interactive prototype.


The good idea

Its most interesting asset: it facilitates exchanges with customers directly on the interface!


This data is then transferred to the integrators to facilitate the reproduction of the design.


It can be coupled to many applications like Sketch, Slack, Confluence, Trello ...


10. Axure


Axure is considered a reference in the world of UX Design. In addition to its very clean interface, it allows you to create complex interactions without the need for web development.


Rather agile on mobile applications, it allows the integration of graphic elements of Photoshop or Sketch with plugins. What to improve productivity!


It is available on PC and Mac, starting at $ 29.

20 views0 comments

Recent Posts

See All

FAVORITES​

Motion Graphics SERVICE LIST

Talk to us!

1/1
  • Corporate Business Videos

  • Traditional Storyboarding

  • Custom Brand Motion Graphics

  • Commercial Visual Effects

  • Live Event Graphics

  • Branding and Print

  • Explainer Videos | Whiteboard Videos

  • 3D/2D Camera Tracking and VFX

  • Character Design and Animation

  • Architecture Renderings and Animation

  • Custom 3D Modeling

  • Editorial and Color Correction

We want to hear from you. 

Please tell us about your

upcoming projects.

Copyright © 2016 - 2020 FTMgraphics, All Rights Reserved.
shoedaddy-footer-badges (1).png
paypal-verified-seal.png