the original or model on which something is based or formed.


[O]n an individual basis our definitions and descriptions of what constitutes a “prototype” vary greatly. Prototypes have been described as hi-fidelity, lo-fidelity, functional, nonfunctional, paper, Flash®, HTML, interactive, non-interactive, click-through, garden variety walk-through, cognitive walk-through—the list just keeps going.


When I refer to a prototype, I'm referring to something that, from my book, "regardless of its fidelity, functionality, or how it’s made, a prototype is a conceptual model that captures and communicates the vision, intent, or idea of a design."

Source: "Definition of a Prototype." by Todd Zaki Warfel. Rosenfeld Media.

Also known as: Prototypes, Paper Prototyping, Rapid Prototyping


  • Origami, by Facebook (Free) - A toolkit for Quartz Composer for interactive design prototyping mobile applications that doesn’t require programming.

WYSIWYG Code Builder Software

  • Atomic (Web) - Interaction design prototyping app, currently in Beta.
  • Blocs (Mac, Commercial) - Web site designer and code generator.
  • Pixate (Web) - Mobile prototype generator.
  • Webflow (Web, Commercial) - Website designer and code generator.

See Also