Published on | Prototyping: From UX to Front End — Medium prototypr.io

With Love, from February 😘

From whiteboard tools to free icon packs, here are 20 top tools from February to keep you going through March. Just like our last rundown, let’s dive right in with 2 awesome color tools 👇🏽

🎨 2 Color Tools

2 Color tools from February 2018:

1. Duotone →

Find beautiful duotone images to use in any project, or make your own! You can even search for images from Unsplash.

2. GradPad CSS Gradient Generator →

With GradPad CSS gradient generator, you can create lovely CSS colour gradients using a pretty intuitive web UI that works nicely for touch interfaces:

🤝 2 Collaboration Tools

1. Witeboard →

Witeboard is the fastest way to collaborate real-time with your team anywhere. An awesome feature is that there’s no need to sign up! Just share your board’s link with teammates and you’re collaborating without delay.

2. The Visual Workspace Whimsical →

Whimsical is the visual workspace for teams. Share your ideas visually. Lightning fast.

🛠 8 for Prototyping

1. Phase →

Here’s a new screen design tool called Phase 🚀. Phase.com introduce their Digital Design product — Re-worked from the ground up. It’s due to be released in Summer 2018:

<a href="https://medium.com/media/23b9a15c9c8755ccc621cafb9083bed5/href">https://medium.com/media/23b9a15c9c8755ccc621cafb9083bed5/href</a>

2. Protowire →

Yeah Sketch have made prototyping possible within their core product, but Protowire adds a bit extra! Protowire aims to integrate interaction and animation in Sketch. Read more on Design+Sketch.

Protowire

3. MockingBot →

Another prototyping tool! MockingBot automatically prepares CSS/Swift/Android code for every element.

4. Maze: Analytics for InVision prototypes. →

Discover how real users interact with your InVision prototype: define missions, collect actionable insights and analyze how your design performed, with 0 line of code.

5. Sketch Isometric Plugin →

Generate Isometric views from Artboards and Rectangles in Sketch app. By Sures Kumar 👏

6. iOS 11 UI Kit for Sketch

The most comprehensive iOS 11 GUI for Sketch app by Meng To.

Here are a couple major updates to existing prototyping tools in February:

7. Sketch 49: Prototyping Mode →

Marc and Thalion both give us an overview of Native Prototyping in the new Sketch 49:

Prototyping in Sketch has just arrived 🤩
Sketch Is Now the Complete UX Design Tool

8. Figma prototyping: now with transitions →

Rudi Chen demos some of the prototyping features now available in Figma.

Figma prototyping: now with transitions

2 Free Icon Packs 🔥

1. 77 Free Space Icons →

Looking for some awesome and free space icons? Of course you are — grab 77 hand drawn icons here.🚀👽

2. Pixel Icons: Free Icons Pack 🚀 →

Pixel Icons have put together an awesome collection of 300 free icons for websites and apps.

🖥 3 Mac Utilities

1. Gifski →

Gifski is a macOS app which converts videos to GIF animations with thousands of colors per frame.

2. VEEER Window Manager →

VEEER is a lightweight window manager for Mac, built for speed. And it’s completely free!

VEEER Window Manager for Mac OS

3. PixelSnap →

The fastest way to measure everything on screen:

🚀 3 Cool Projects

1. Nishi →

A curated showcase of websites that nail copywriting.

Nishi – Copywriting matters more than you think

2. Under Glass 🔍 →

Under Glass helps us understand how great products connect with different types of people through detailed app case studies. Made by Rob McMackin.

3. cofolios. →

A showcase of design intern portfolios at top tech companies. Made by Hasque 👌

That’s the all folks! That’s the full list of 20, but here’s a bonus tool to check out. 😍

<a href="https://medium.com/media/8fb9c61b8574fad3f844b7e5fb0a3aa2/href">https://medium.com/media/8fb9c61b8574fad3f844b7e5fb0a3aa2/href</a>

Evie is a small and MIT licensed framework with pages out of the box, to build websites faster. It is extemely lightweight, customizable and works perfectly on modern browsers.

Evie Theme by unDraw

If you enjoyed this article, you may like our weekly updates:

<a href="https://medium.com/media/b85dfbb5286d8a25cf2e754b9462cf45/href">https://medium.com/media/b85dfbb5286d8a25cf2e754b9462cf45/href</a>

💥 20 More UX Tools to Try Out was originally published in Prototypr on Medium, where people are continuing the conversation by highlighting and responding to this story.

20 More UX Tools to Try Out

Cool stuff, every week

More Articles