List of useful UI tools for your next awesome mobile & web project.

Guidelines

Material Design – Introduction
material.io/guidelines

iOS Human Interface
developer.apple.com/ios/human-interface-guidelines

Designing

Adobe Photoshop – Photo editing software
adobe.com/products/photoshop

Sketch – Professional digital design for Mac
sketchapp.com

Adobe XD – Design. Prototype.
adobe.com/products/experience-design

Figma – The collaborative interface design tool
figma.com

Illustrator – Linked up with After Effects
adobe.com/products/illustrator

Wireframing

balsamiq – For very rough wireframes
balsamiq.com

Prototyping

inVision – Free Web & Mobile Prototyping
invisionapp.com

Marvel – Free mobile & web prototyping for designers
marvelapp.com

Flinto – App Prototyping Tools for Designers
flinto.com

Framer – Design interactive prototypes for web & mobile
framer.com

Animations

Principle – Really fast and intuitive for animating wireframes and mockups
principleformac.com

After Effect – More complex animation tool
adobe.com/products/aftereffectst

Origami – Design Prototyping with Origami Studio
origami.design

Colors

uiGradients – Beautiful color gradients
uigradients.com

WebGradients – Gradients Collection for UI designers & developers
webgradients.com

Paletton – The color scheme designer
paletton.com

COLOURlovers – Color Trends + Pallete
colorlovers.com

material design palette
materialpalette.com

Icons

Font Awesome – The iconic font and CSS kit
fontawesome.io

Iconfinder – Free and premium icons
iconfinder.net

Flaticons – Free vector icons
flaticon.com

Feather – Simply beautiful open source icons
feathericons.com

Noun Project – Free Icons for Everything
thenounproject.com

Productivity

Zeplin – the ultimate collaboration tool between designers and developers
zeplin.io

Other

Ezgif – Nice tool for reducing the gif size
ezgif.com

Last updated: October 24, 2019