Puneet Varma (Editor)

Comparison of software prototyping tools

Updated on
Edit
Like
Comment
Share on FacebookTweet on TwitterShare on LinkedInShare on Reddit

Software prototyping tools are used to quickly create software prototypes simulating key aspects of the final product, while ignoring others (like textual and media content, interactivity, real implementation). The article only includes dedicated applications, not paper tools, UI libraries or popular software repurposed for prototyping.

Contents

General-purpose

These tools have the broadest feature set, namely some level of visual fidelity, interactivity and any sort of prototyping aid (built-in widgets, masters, library support, etc.)

Some clarifications on the vocabulary:

  • Widget behavior: moving or editing (e.g. changing the label in a field) at runtime
  • Master: synchronising a master widget with its instances
  • Layout: anything other than "absolute positioning on a canvas"
  • Specification: generated documentation of content
  • Annotations: In-screen documentation
  • Positioning aids: align, distribute, guides, grouping, etc.
  • Wireframing

    These tools are mainly used to create "wireframes" or "zonings", i.e. simple prototypes with low interactivity (often only link between pages) and visual fidelity.

    Animation

    The following tools focus on animation, often for mobile, and often by importing previously made static assets. Those with an * indicate you can either import or make assets within the tool.

  • Adobe Animate
  • Atomic
  • Briefs
  • CanvasFlip
  • Composite
  • Concept.ly
  • Flinto
  • Framer JS
  • Form
  • Avocado
  • Pixate (discontinued)
  • Origami
  • ProtoPie
  • proto.io
  • Protosketch
  • Realizer App
  • Solidify
  • Standin
  • Tumult Hype
  • UXPin
  • References

    Comparison of software prototyping tools Wikipedia