Home » Topics »

Prototyping

Designing interactive digital products, environments, systems, and services.

Articles

10 Prototyping Tools for Designers in 2021

UX Booth – 12 January 2021

There is no shortage of ways to showcase a design's interactivity with the numerous prototyping tools available to designers. Ready to try a new way to prototype in 2021? We will take a look at the top 10 latest tools of the trade that can help UX/UI designers to develop the ideal interactive model for their design or product concept.

Interaction design Design Prototyping Software Ux tools

Interactive Prototyping, Part 1

UX Matters – 9 September 2019

Wireframing and prototyping are two of the most important stages of the design process.

Prototyping Wireframing

Tools

Adobe XD

Adobe's UX design tool. Basically their answer to Sketch.

Visual design Prototyping Developer handoff

Axure RP

The industry standard tool for creating wireframes and interactive prototypes.

Wireframing Prototyping

Flinto

Create interactive and animated prototypes of app designs.

Prototyping Animation

Framer

A free prototyping tool for teams. Bring every idea to life in Framer.

HotGloo

Cross platform tool for creating low fidelity wireframes and prototypes.

Wireframing Prototyping

InVision

Share prototypes, get feedback and hand-off to developers.

Prototyping Developer handoff

Justinmind

All-in-one prototyping tool for web and mobile apps.

Wireframing Prototyping

Marvel

Create and share prototypes, hand-off designs to developers.

Prototyping Developer handoff

Mokup

Create prototypes that look and feel like real apps.

Prototyping Animation

Origami Studio

A new tool for designing modern interfaces, built and used by designers at Facebook.

Principle

Create animated user interfaces and prototypes.

Prototyping Animation

Sketch

The industry-leading tool for digital design.

Visual design Prototyping Design systems

Sympli

An enterprise-grade, integrated collaboration and workflow platform for building digital products.

Prototyping Developer handoff

UXPin

Collaborative online UX design and prototyping.

Wireframing Prototyping

ProtoPie

Interactive prototypes for the digital products of tomorrow.

Drama

Draw user interfaces, create interactive prototypes and make animations.

Prototyping Animation

Figma

Where teams design together. Design, prototype, and collaborate all in the browser.

Design systems Visual design Prototyping Collaboration Developer handoff

Courses

Advanced Prototyping with ProtoPie

A free course to quickly prototype advanced animations and interactions for mobile and Web.

Short course Beginner Prototyping

UX Design: From Concept to Prototype

Great design doesn’t come out of nowhere; it is born, nurtured, and grown – all through a systematic, learnable process.

Short course UX design Prototyping

Design and code in Framer X

Create powerful design and code components for your app and design system.

Short course Intermediate Design systems Design-to-code Prototyping