prototyping
Articles
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?
How to choose the right prototyping method when field testing your global product
Designing interactive experiences
The ‘what, when and how’ of interactive prototyping.
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
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 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
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
Learn how to use Marvel App for rapid prototyping.
Podcast
Tools
Sketch
Sketch is a design toolkit built to help you create your best work — from your earliest ideas, through to final artwork.
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 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
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
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
Every shortcut for designers in one place
Craft by inVision
Craft is a suite of plugins to let you design with real data in mind.
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 is a growing list of free resources aimed to help creatives with their next project.
ProtoPie
Compose elaborate interactions and animations easy, and build sensor-aided prototypes without a line of code.
Atomic
Atomic puts advanced interactive design features like logic, data, and variables, into the hands of every designer.
Origami Studio
A tool for designing modern interfaces, built and used by designers at Facebook.
Figma
Design, prototype, and gather feedback all in one place with Figma.
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