Prototyping

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

Articles

Interactive Prototyping, Part 1

UX Matters – 9 September 2019

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

PrototypingWireframing

Tools

Adobe XD

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

Visual design Prototyping 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

Advanced web and app design tool, with React integration.

Visual design Prototyping Design-to-code

HotGloo

Cross platform tool for creating low fidelity wireframes and prototypes.

Wireframing Prototyping

InVision

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

Prototyping 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 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.

Prototyping

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 Handoff

UXPin

Collaborative online UX design and prototyping.

Wireframing Prototyping

ProtoPie

Interactive prototypes for the digital products of tomorrow.

Prototyping

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 Handoff