prototyping

Articles

What Is a Prototype: A Guide to Functional UX

What Is a Prototype: A Guide to Functional UX

Prototypes are one of the most important steps in the design process, yet still confusing for some designers and project teams.

Sketch, Scroll, or Swipe?

Sketch, Scroll, or Swipe?

How to choose the right prototyping method when field testing your global product

Designing interactive experiences

Designing interactive experiences

The ‘what, when and how’ of interactive prototyping.

Six Steps to Superior Product Prototyping: Lessons from an Apple and Oculus Engineer

Six Steps to Superior Product Prototyping: Lessons from an Apple and Oculus Engineer

In this exclusive interview, Kalinowski discusses how and why you must define your non-negotiables before starting to build prototypes. She dives deep on specific approaches for squeezing the most iterations and improvements out of the process — the more iterations, the better the product, after all.

Amazon Checkout Redesign Exercise —Part I: Navigation

Amazon Checkout Redesign Exercise —Part I: Navigation

In this exercise, we will try to break the checkout process into smaller experiences, and see if we can improve them one by one, starting with navigation.

Videos

Craft plugin by Invision Labs

Craft plugin by Invision Labs

Craft by InVision Labs is a free and powerful set of plugins for sketch and photoshop that can help you streamline your design workflow.

Prototyping with Sketch

Prototyping with Sketch

Learn how to use Sketch together with prototyping tools to improve your workflow and quickly create wireframes or early versions of our finished product to showcase how they work or behave.

Rapid Prototyping with Marvel App and Sketch App

Rapid Prototyping with Marvel App and Sketch App

Learn how to use Marvel App for rapid prototyping.

Podcast

Tools

Sketch

Sketch

Sketch is a design toolkit built to help you create your best work — from your earliest ideas, through to final artwork.

Framer

Framer

Framer is the best way to create interactive designs from start to finish. Design from scratch and then easily turn your work into high-fidelity prototypes. Used by Facebook, Google, and more.

Principle

Principle

Principle makes it easy to design animated and interactive user interfaces. Whether you're designing the flow of a multi-screen app, or new interactions and animations, Principle lets you create designs that look and feel amazing.

InVision

InVision

The world's best companies use InVision to design the products you love. Try InVision free and turn your screens into live, clickable prototypes in seconds.

Flinto

Flinto

The App Design App Flinto is a Mac app used by top designers around the world to create interactive and animated prototypes of their app designs.

Shortcuts.design

Shortcuts.design

Every shortcut for designers in one place

Craft by inVision

Craft by inVision

Craft is a suite of plugins to let you design with real data in mind.

Marvel App

Marvel App

Turn sketches, mockups and designs into web, iPhone, iOS, Android and Apple Watch app prototypes.

Resource Cards - Selected free resources for designers

Resource Cards - Selected free resources for designers

Resource Cards is a growing list of free resources aimed to help creatives with their next project.

ProtoPie

ProtoPie

Compose elaborate interactions and animations easy, and build sensor-aided prototypes without a line of code.

Atomic

Atomic

Atomic puts advanced interactive design features like logic, data, and variables, into the hands of every designer.

Origami Studio

Origami Studio

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

Figma

Figma

Design, prototype, and gather feedback all in one place with Figma.

Maze

Maze

Discover how real users interact with your prototype: define missions, collect actionable insights and analyze how your design performed, with 0 lines of code.

Books