Prototyping

Prototyping Advanced Mobile Interactions with Framer

Cemre Güngör — As motion and animations become more and more important in UI design, designers have started searching for the best tools to help them add a layer of interactivity to their work...

Rapid Prototyping Tools & Best Practices

Joe Robinson — Rapid prototyping can mean the difference between quickly finding your path to a successful product and toiling away at a pipe-dream for months. Putting together a prototype wil...

Axure

Advanced prototyping tool for creating highly interactive, data-driven prototypes with built-in documentation

Balsamiq

Intentionally sketchy wireframing tool for fast ideation and low-fidelity mockups

Composite

iOS app that turned Photoshop layer comps into tappable prototypes with live device preview

Flinto

Mac-based prototyping tool for creating animated transitions and micro-interactions for mobile app designs

InVision

Prototyping and collaboration platform for turning static designs into interactive prototypes

Keynote

Apple's presentation software used for slides, interactive prototypes, and motion graphics

Marvel

Web-based prototyping tool that turns sketches, images, and designs into interactive prototypes

OmniGraffle

Native Mac app for creating diagrams, wireframes, and flowcharts with precision vector tools

Origami Studio

Free prototyping tool from Meta for creating advanced interactions with patch-based visual programming

POP

Mobile app for turning paper sketches into clickable prototypes by photographing drawings and linking screens

Principle

Mac app for creating animated and interactive UI prototypes with timeline-based animation

ProtoPie

Advanced prototyping tool for creating realistic interactions, multi-device experiences, and sensor-based prototypes

Rive

Real-time animation tool for creating interactive graphics that respond to user input and state changes