Credit: Flinto

Designer’s Guide to Prototyping [2017 edition]

A guide to the landscape of prototyping in 2017.

Want to get started in UX? Improve your design strategy? Learn the right skills to build your design career? Form a good foundation with better tools.

Figma

In addition to multi-player editing, Figma brings two major updates this time around: Prototyping and Developer Handoff. You can create simple prototypes connecting screens (think hot spots/screen linking) in addition to live collaboration. And it’s web based, which is a plus so you can work with both PC and Mac teammates.

Principle

Credit: Principle 3

JustinMind

A design inspector built for developers: Justinmind’s developer-friendly UI, Some feature improvements include: enhanced Sketch integration, grouping elements via Master for global changes and much more.

Adobe XD

Credit: Adobe XD

Balsamiq

A simple wireframing tool with new updates that include controls that are useful for mobile interfaces mockups (and long scrolling screens) as well as font library integration.

Webflow

Webflow gives designers and developers the power to design, build, and launch responsive websites visually, while writing clean, semantic code for you. The thing that makes me excited is there upcoming interaction updates.

Framer

Framer studio is made for the non-coder in mind. As one of Facebook’s key prototyping tools, it’s worth checking out and includes great Sketch integration.

Flinto

Credit: Flinto

Learn more

Did you find this useful? Buy me a coffee to give my brain a hug 🍵

Feel free to check out my design work or my handbook on UX design, upgrading your portfolio and understanding design thinking.

UX Designer at Microsoft, illustrator, green tea drinker dribbble.com/joannan | UX for Beginners https://amzn.to/3ekRM00