Home » Topics »

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.

Prototyping Wireframing

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

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

Prototyping

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

Courses

Advanced Prototyping with ProtoPie

Design+Code

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

Short course Beginner Prototyping

Design and code in Framer X

Design+Code

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

Short course Intermediate Design systems Design-to-code Prototyping