Practical Ecommerce

10 Prototyping Tools to Create Web and Mobile Apps

Prototyping tools can help you to create a website or an app — from a rough design idea to finished and a fully interactive product — with little cost and relative ease.

Here is a list of prototyping tools to build sites and apps for desktop or mobile devices. There are tools with extensive user experience and design elements for animations, gestures, transitions, and customized content. There are also quick prototyping and mockup tools with a variety of templates to easily bring an app from idea to working model. Most of these tools offer free plans for one or two projects.

Adobe Experience Design CC

Adobe Experience Design CC.

Adobe Experience Design CC.

Part of Adobe’s Creative Cloud suite, Adobe Experience Design is an all-in-one tool for creating and sharing website and mobile app designs. Draw, reuse, and remix elements to create wireframes, visual designs, and prototypes. Add interactions without leaving Experience Design, and preview in real time across desktop and mobile devices. Share your interactive prototypes with team members for feedback and collaboration. Price: Adobe Create Cloud is $19.99 per month for a single app; $49.99 per month for all apps.

Webflow

Webflow.

Webflow.

Webflow is an online prototyping tool to design apps without writing code. Start from scratch or choose from over 100 business, portfolio, and blog templates. Comes with a range of triggers, effects, and animations for user-experience design and an assortment of pre-built components for faster design. Build your storefront with Webflow and handle the shopping cart and payments with a third-party ecommerce platform. Integrates with Zapier to connect your site to roughly 500 apps, including Slack Drive and Trello. Use MailChimp to automate your list building. Price: Free for two unhosted projects. Individual plan is $35 per month.

InVision

InVision.

InVision.

InVision is an online prototyping, collaboration, and workflow platform. Upload your design files and add animations, gestures, and transitions to transform your static screens into clickable, interactive prototypes. See feedback in one place, or drill down by active projects. Create context around your projects with Boards, and use flexible spaces to store, share, and discuss. Launch meetings, create guided tours, and present designs to stakeholders. Price: Free for one prototype. Premium plans start at $15 per month for three prototypes.

HotGloo

HotGloo.

HotGloo.

HotGloo is a user-experience and prototyping tool to build wireframes for web, mobile, and wearable devices. HotGloo is an online app and is mobile optimized to edit, review, and test anywhere. To build and test interactions, HotGloo has over 2,000 elements, icons, and user-interface widgets. HotGloo has been designed for ease of use, with a batch of tutorials, getting-started documentation, and support. Create and share fully interactive prototypes to gather feedback on the process. Price: Starts at $13 per month for two active projects.

Marvel

Marvel.

Marvel.

Marvel is a web app to create prototypes. Create screens directly in Marvel or add your images from Sketch or Photoshop. Link together your screens with hotspots, add transitions, and add gestures such as swiping or pinching. You can also add links to external surveys and other content, including video and sound. Price: Free for two projects. Premium plans start at $12 per month.

JustInMind

JustInMind.

JustInMind.

JustInMind is a mobile and web app prototyping tool for Windows and Mac OS. Use approximately 500 widgets to create interactive wireframes for any application. Define the experience with rich interactions and conditional navigation. Publish and share your entire wireframe experience online and get feedback and reviews from users and customers. Use mobile apps to experience your mockup live from any iPhone, iPad, or Android device. Price: $19 per user per month.

Axure

Azure.

Axure.

Axure RP is a desktop application for Windows and Mac OS to design and share interactive prototypes. Create flowcharts, wireframes, mockups, user journeys, personas, idea boards, and more. Drag and drop elements from built-in or custom libraries to create your diagrams. Style with fills, gradients, line styles, and text formatting. Annotate your prototypes to specify functionality, keep track of tasks, or store project information. Share on the cloud or on-site. Price: $29 per user per month.

PowerMockup

PowerMockup.

PowerMockup.

Use PowerMockup to easily create screen prototypes of mobile, web, and desktop applications directly from PowerPoint. PowerMockup is an add-on that integrates a library pane into the PowerPoint window, giving you access to the included wireframe and mockup shapes. PowerMockup provides more than 800 user interface elements and icons made entirely out of PowerPoint shapes. Price: $59.99.

Concept.ly

Concept.ly.

Concept.ly.

Concept.ly is a collaboration and prototyping platform to create interactive apps. Quickly make clickable prototypes for mobile and web from static images. Upload design files and stitch them together in few clicks to create working app for web and mobile. Use single-click sharing, and collaborate in real time with ability to mark specific areas and provide four types of feedback. Live notifications keep you on top of every project’s collaboration, with notifications on a variety of editorial events. Keep track of the previous revisions of your design. See how design has evolved, revert to a previous version, and see all feedback. Price: Free for two projects. Premium is $9.99 per month.

Balsamiq

Balsamiq.

Balsamiq.

Balsamiq Mockups is an app for rapid wireframing mockups. Its interface reproduces the experience of sketching on a whiteboard for quick, creative flow. Run online user tests before writing code. Balsamiq has versions for desktop, web app, or as a plugin to your wiki or bug tracker. Use revision history or branching for comprehensive editing. Price: $89.

Sig Ueland

Sig Ueland

Bio   •   RSS Feed


email-news-env

Sign up for our email newsletter

Comments ( 2 )

  1. Peter November 30, 2016 Reply

    Hi Sig,

    Thanks for putting the list for the prototyping tools, I’d suggest to add the savahapp.com that’s a great tool and provide a number of great features for prototyping and design approval process for projects.

  2. brian sheridan April 19, 2017 Reply

    Thanks for putting the list together. Fluid UI is used by a lot of entrepreneurs and product teams for prototyping as well. Could get a mention.