Sketch

interface

Sketch

Available for: Mac OS

Sketch is one of the best tools for graphic designers and especially for interface designers. It is very powerful and flexible tool which allow designers create a gorgeous design for applications and websites. Despite the fact that it was released in 2010, it is still considered as a "young" software but has already proved itself in the world of design and development. It is actively used by market leaders like Apple, Google, Facebook and many other.

Visit Website

Bohemian BV

ProtoPie

prototyping

Proto Pie

Available for: Mac OS/Windows

A new player in the prototyping market, which replaced Pixate. The app is very powerful and has a lot of functions for creating animations of any complexity. The main feature of this program is that it is multiplatform. Today, 99% of all prototyping apps are for Mac OS, and programs like this allow you to create animations on Windows.

Visit Website

Studio XID

Framer

prototyping

Framer

Available for: Mac OS

Framer is self-described as “a new creative tool to build interaction and animation prototypes” and is becoming increasingly popular. Originally developed to work like a regular JavaScript framework, Framer has now evolved into a fully fledged integrated development environment to allow you to develop and preview your prototype within the one application window, as seen below. It also allows you to easily mirror your preview into a browser or to your own device for further testing.
by humaan.com

Visit Website

Motif Tools BV

InVision

prototyping

InVision

Available for: Web

Maybe the biggest player on the prototyping field. For the past few years evolved from the primitive prototyping app to the largest prototyping app in the design world. InVision is constantly adding new features to the product, but at the same time, they are trying to keep it straightforward and pure for new users. It has a free version where you can have 2 projects without any limitations. It is used by Twitter, Uber, Nike a much more.

Visit Website

InVision

Principle

prototyping

Principle

Available for: Mac

Principle is an application for Mac OS that allows you to create elements of the user interface animation and generate its interactive prototype. Whether it's a multi-screen application or just simple small toggle, it's so easy and quick to create it in Principle app. Also, it has import from Sketch. Just by simple import, you can have your design of app inside Principle app. Before Principle, no application allowed creating such complex and beautiful prototypes.

Visit Website

Principle

Napkin

prototyping

Napkin

Available for: Mac/iOS

Napkin gets the job done using a remarkably sparse feature set, with a hefty dollop of innovative ideas, and with an almost fanatic attention to your workflow. The program is best suited for idea illustration and quick comps, rather than finished output. It’s not a tool for everyone, but it’s wonderfully suited to people who need to rapidly create annotated design concepts and blast out iterative changes.
by macworld.com

Visit Website

Aged & Distilled, LLC

Hype 3

HTML5

Hype 3

Available for: Mac OS

Hype is an HTML5 animation tool, which means that you can create animations for the web that don’t require Flash. While there’s still plenty of work being done with Flash, the writing has been on the wall for years: it’s not supported on mobile (not iOS nor Android) and its decline is therefore assured. If you want to create an ad that everyone can see, you’re stuck with non-interactive GIF or the wonderful next-gen joy that is HTML5.
by macprovideo.com

Visit Website

Tumult Inc

MindNode

mindmaps

MindNode

Available for:Mac OS/iOS

There are a lot of excellent options for mind mapping software to help you capture and organize your ideas, but we think that MindNode is the best option because of its beautiful design, ease of use, solid iCloud sync support, and just enough import and export options to be a really useful tool in almost any workflow.
by thesweetsetup.com

Visit Website

IdeasOnCanvas GmbH

Typekit

typography

Typekit

Available for: Mac OS

It is a place where you can find more than 5000 fonts from all modern typography companies and independent designers. You do not need to buy fonts; you can just rent them. But if you would prefer to own them you can always do that. Adobe is providing all licensing for fonts, and it can be used not only on the computer but also on the web.

Visit Website

AAdobe Systems Incorporated

Noun Project

iconography

Noun Project

Available for: Mac OS/Windows

The Noun Project is a website that aggregates and catalogs icons that are created and uploaded by designers around the world. Here you can find an infinite number of icons for all tastes. It allows you to download icons for free, but you must provide proper credits for people who created it. Also, you have another choice to pay $9.99 per month or $39.99 per year which will give you royalty free images.

Visit Website

Noun Project Inc.

Squash

compress

Squash

Available for: Mac OS

Optimising the file size of your images shouldn’t mean making them grainy or blurred. Squash can maintain their existing quality while reducing file size and saving space. It works just like magic. Squash can compress JPG, and PNG images without losing quality, it works like magic. Also, Squash allows you to tweak the level of compression to get the best from your images.
Offsite

Visit Website

Realmac Software

Origami

pototyping

Origami Studio

Available for: Mac OS

Building prototypes in Origami Studio involves the use of the patch editor to build the logic behind your app. There is quite an impressive library of patches at your disposal, including switches, animations, boolean operators and even readouts from a phone’s sensors. To further develop this tool, Facebook recently released a new version of it: Origami studio.
by Soda.

Visit Website

Facebook

Lingo

storage

Lingo

Available for: Mac OS

Keep all your assets, icons, colors in one place. It has excellent synchronization and team workflow. In the free version, you can upload 100 assets and an unlimited amount of users which can give you the basic understanding of this software and after you can upgrade your account. The biggest con of this app is that they don’t have a version for Windows, only for Mac OS.

Visit Website

Noun Project Inc.

Adobe XD

interface

Adobe XD

Available for: Mac / Windows

Adobe XD was conceived as a complete solution for interface design, and work on it was conducted jointly with the community of professional UX-designers. Designers thought far beyond the graphical shell of a website or application, touching on the tasks of optimizing and improving the interaction of users with the product. Adobe XD facilitates the implementation of the creation of visual design, interactions, prototyping, testing, and sharing, providing everything you need to create interfaces, in a single solution.

Visit Website

Adobe Systems Incorporated

xScope

measuring

xScope

Available for: Mac OS

xScope is a utility by The Iconfactory & ARTIS Software that can measure any element displayed on screen. The idea behind the program is that designers can check the size of their work against real-world computer display measurements and be able to measure their work as well. Create, layout and adjust custom marker boxes that float on top of all other on-screen elements.
by Wikipedia

Visit Website

ARTIS Software

Pixelmator

graphic editor

Pixelmator

Available for: Mac OS/iOS

For a large amount of image editing tasks, Pixelmator is an excellent, affordable alternative to Photoshop. Its enhanced selection tools work well and add to its utility, while the Pixelmator Retouch Extension for Photos is a good way to add selective edits while remaining within your Photos library.
by macworld.com

Visit Website

Pixelmator

UX Pin

prototyping

UX Pin

Available for: Web

UX Pin is the pioneer in the prototyping and UX world. It has almost all stages of design process like wireframing, prototyping, rapid creation of UI, etc. It is hard to mention all features that it include inside but it definitely has more than others. It also has integration with Photoshop and Sketch, design approvals, smart elements and team libraries which make this software the best in its category.

Visit Website

UXPin Sp. z o.o

Balsamiq

prototyping

Balsamiq Mockup

Available for: Web

The mockups obtained with Balsamiq Mockups refer to so-called low-fidelity mockups. It is assumed that it is the speed of creating mock-ups that are the key advantage of Balsamiq Mockups. This is because it is often psychologically difficult to refuse from a less favorable option if much effort has been expended on its creation. The application is carefully thought out, convenient and enjoyable to use.

Visit Website

Balsamiq Studios, LLC

Marvel

prototyping

Marvel

Available for: Mac OS

Marvel offers everything Flinto Lite provides and more. Its approach is to improve on the baseline of features with designer-friendly tools like Sketch import, customizable image layering, collaboration, and more. It supports the most gestures and devices of all three tools, and comes in a close second with transitions. Marvel keeps it simple and intuitive. It doesn’t add unnecessary features but still provides more creative freedom than Flinto Lite. Here are some of our favorite Marvel features.
by savvyapps.com

Visit Website

Marvel

Affinity Designer

graphic editor

Affinity Designer

Available for: Mac OS

Created by UK-based Serif Labs, Affinity Designer is a vector graphics editor designed as an alternative to Adobe’s Illustrator. Available for $49.99, Affinity Designer could be easily dismissed as another cheap graphics program aimed at amateurs, but it was created specifically for professional designers accustomed to working in a Mac environment.
by 99designs.ca

Visit Website

Serif (Europe) Ltd

Craft

sketch plugin

Craft

Available for: Photoshop/Sketch

This is a plug-in for a sketch and photoshop without which it would be difficult to imagine both apps. If you are a designer, who likes to work with real data in projects this plugin for you. Use pre-built data, web or add your data through JSON. Also, it has a real-time collaborative feature “Freehand.” Make interactive prototypes and synchronize library for the whole team.

Visit Website

InVision

Iconjar

iconography

Iconjar

Available for: Mac OS

Iconjar is a Mac App that allows you to store all your icons in one place. As a native app, it allows you to organize all your icon assets. Instead of searching for the correct icon in a set you can easily search through all your icons. It’s so fast it starts to search while you type. According to the app’s creators, “We created Iconjar because I had to cope with thousands of icons on my computer.”
by crazyleafdesign

Visit Website

Davey Heuser and Curtis Hard

Flinto

prototyping

Flinto

Available for: Mac OS

Flinto takes a quantity over quality approach to prototyping. It provides the tools to quickly create transition-based animations and the screen management to handle a large number of app screens. It's easy to trace the flow of a many-screen app with all of its transitions and interactions. Import tools and transition tags help designers keep naming and animation elements consistent across all screens.
by savvyapps.com

Visit Website

Flinto

Figma

interface

Figma

Available for: Web

Figma was co-founded by Dylan Field in 2013 and got a $14 million Series A back in 2015. In a Techcrunch article, Dylan states that Figma wants to “do for interface design what Google Docs did for text editing.” And he might be on the right track with that. Today Figma is available as a browser-based design tool.
by usersnap.com

Visit Website

Figma

Unsplash

images

Unspalsh

Available for: Web

At unsplash.com dozens, hundreds of stunning photos, ideal for projects in high resolution. You can register and receive ten new images every ten days, as well as upload your photos and share them with all members of the community. And most importantly all the photos are under the Creative Commons 0 license; it means that you can do whatever you want with them.

Visit Website

Crew.co

Kite

images

Kite Compositor

Available for: Mac OS

Kite Compositor — new prototyping tool created by Joe Rhodes. Because of its novelty, there are few tutorials about this app. Kite Compositor uses another animation principle — you create timeline animation and then add triggers to run the animation — such as gestures, event, etc. It’s more like After Effects where you can animate any element’s property you want. At first, Kite Compositor wasn’t easy, and I had to spend a time to understand the basic principles.
by Prototypyrio

Visit Website

Rhodes Software

Fontflame

typography

Fontflame

Available for: Web

Font Flame ambitiously tries to solve a problem most typography lovers have, namely font pairing. Even though this is still an early prototype, new features are continuously being rolled out. Hopefully in the end, it will be your go-to font pairing tool. Currently utilizing Google’s free font library, but there are plans to implement other sources.
by Offsite

Visit Website

Jan Wennesland

Coolors

colors

Coolos

Available for: Web

Coolors is a fantastic new app that I stumbled across the other day. It is an incredibly easy and intuitive way to generate a beautiful 5 color palette for any situation. Primarily developed for designers it has instant appeal to us photographers. We deal with colors in most of our work and knowing how to match and complement effectively can make or break the images we create.
by fstoppers.com

Visit Website

Fabrizio Bianchi

Apply PIxels

resources

Apply Pixels

Available for: Web

Great resource with icons & templates to make designers life much easier. All resource always up to date and new templates are coming every month. Apply Pixel is positioning themselves not only like a shop but like design platform for a designer to provide high-quality resources for them. Also, they have a bunch of high-quality freebies of some wireframes and icons.

Visit Website

Apply Pixels

Google Fonts

typography

Google Fonts

Available for: Web

Google Fonts (previously called Google Web Fonts) is an interactive directory of free hosted application programming interfaces for web fonts. It was launched in 2010 and revamped in 2011. Many of the fonts are released under the SIL Open Font License 1.1, while some are released under the Apache License; both are free software licenses. The fonts are also served by Monotype’s SkyFonts and by Adobe’s Edge Web Fonts and Typekit services.

Visit Website

Google Inc.

Adobe Kuler

images

Adobe Kuler

Available for: Mac OS

Upon opening Kuler, you'll be greeted with a color wheel, various sliders, and big panels of color, representing the current scheme. The bubbles connected to the center of the color wheel can be adjusted freely, changing the color scheme and dynamically adjusting up to five hues at once. Kuler allows the user to choose which sliders to display, effectively allowing you to work in different color modes, including RGB, CMYK, HSV, and Adobe Lab Color.
by androidpolice.com

Visit Website

Adobe Systems Incorporated

Glyphs

typography

Glyphs

Available for: Mac OS

Glyphs is scriptable using Python. Adding new functions is easy as the whole system is well-documented. It also lets you focus on the design process – you don't have to be aware of technicalities before drawing and exporting OpenType fonts in order to get everything right. As an extreme example, you can open up, modify and export an OTF font and preserve everything without the need for previous technical knowledge about fonts.
by creativebloq.com

Visit Website

GLYPHS

Fixie bespoke

Iphone artisan direct trade ethical Austin. Fixie bespoke banh mi ugh, deep v vinyl hashtag. Tumblr gentrify keffiyeh pop-up iphone twee biodiesel. Occupy american apparel freegan cliche. Mustache trust fund 8-bit jean shorts mumblecore thundercats. Pour-over small batch forage cray, banjo post-ironic flannel keffiyeh cred ethnic semiotics next level tousled fashion axe. Sustainable cardigan keytar fap bushwick bespoke.

Chillwave mustache

Squid vinyl scenester literally pug, hashtag tofu try-hard typewriter polaroid craft beer mlkshk cardigan photo booth PBR. Chillwave 90's gentrify american apparel carles disrupt. Pinterest semiotics single-origin coffee craft beer thundercats irony, tumblr bushwick intelligentsia pickled. Narwhal mustache godard master cleanse street art, occupy ugh selfies put a bird on it cray salvia four loko gluten-free shoreditch.

Austin hella

Ethical cray wayfarers leggings vice, seitan banksy small batch ethnic master cleanse. Pug chillwave etsy, scenester meh occupy blue bottle tousled blog tonx pinterest selvage mixtape swag cosby sweater. Synth tousled direct trade, hella Austin craft beer ugh chambray.

Brooklyn dreamcatcher

Fashion axe 90's pug fap. Blog wayfarers brooklyn dreamcatcher, bicycle rights retro YOLO. Wes anderson lomo 90's food truck 3 wolf moon, twee jean shorts. Iphone small batch twee wolf yr before they sold out. Brooklyn echo park cred, portland pug selvage flannel seitan tousled mcsweeney's.