Инструменты

Figma

Легкий, кросс-платформенный, набирающий популярность инструмент с функцией совместной работы в реального времени

Adobe XD

Отличный вариант для дизайнеров, которые работают на платформе Creative Cloud

Framer

Framer имеет встроенный инструмент проектирования, который позволяет создавать интерфейс и управлять всем в коде

Sketch

Самый популярный из всех современных инструментов дизайна благодаря огромному количеству стронних плагинов

InVision

Бесплатный инструмент проектирования со встроенным взаимодействием с прототипами

Zeplin

Инструмент для дизайнеров и разработчиков. Можно быстро создать динамический гайд по стилю для iOS и Android

Типографика

Google Fonts

Огромная коллекция бесплатных шрифтов от Google

My Fonts

Распознает шрифт по загруженному изображению

OpenFoundry

Библиотека прекрасных шрифтов с открытым исходным кодом

Font Pair

Подбирает сочетающиеся между собой шрифты

Abstract Fonts

Сайт-агрегатор имеет в своем архиве больше 13500 шрифтов.

Fontface Ninja

Расширение позволяет узнать шрифт по выделенному текстовому фрагменту

A Five-Minute Guide to Better Typography

Гайд по работе с типографикой

Иконки

FlatIcon

Самая большая в мире библиотека иконок для любых задач

Glyphicons

Позволяет не скачивать иконки при создании собственного сервиса, а подгружать прямиком с сайта

Fontello

Большой выбор иконок с возможностью удобного скачивания

Icons8

Еще одна огромная библиотека иконок на любой вкус и цвет

Цвета

Colorzilla

Расширение для Chrome, позволяющее узнать цвет интересующего web-элемента

Coolors.co

Сервис с подборками наиболее интересных цветовых схем

CSS Gradients

Генеририрует CSS код для любого градиента

Coolor Hunt

Подборка сочетающихся цветов. Можно подбирать до четырех цветов. Есть готовые решения для выбора

Adobe Color CC

Создание цветовых схем от Adobe

TinEye

Анализирует сайт и выводит список ресурсов, на которых используется изображения с этого сайта

UiGradients

Сервис с подборками наиболее интересных градиентов

Анимация

Adobe After Effects

Профессиональный видео редактор, специализирующийся на векторной анимации

Popmotion

Мощная JS библиотека для анимации с поддержкой реакции на клик

Lottie

Плагин для After Effects, который рендерит анимацию в JSON формат

Anime.js

JS библиотека с помощью которой можно писать забавные анимации

SVG Loaders

Небольшая бесплатная коллекция загрузочных анимаций

Вдохновение

Dribble

Самое многочисленное сообщество дизайнеров. Работы, команды, общение – здесь можно найти все что угодно

Awwards

Лучшие разработки дизайнеров. Организован как сообщество с голосованиями по рубрикам

FreePick

Ресурс с большим количество бесплатных векторных и растровых изображений с исходными файлами

Behance

Коллекция портфолио профессионалов Creative Cloud.

UI Space

Можно бесплатно скачать psd, ai и sketch исходники, шрифты и скрипты

UI JAR

Вручную отобранные проекты одной из лучших дизайн команд

Прототипирование

MockFlow

Веб пространство для совместной работы над вайрмреймами

Ludus

Один из лучших инструментов для презентаций

Origami Studio

Более сложный инструмент прототипирования с элементами визуального программирования

Фотостоки

Unsplash

Один из наиболее популярных бесплатных фотостоков с собственным API

Pexels 2.0

Агрегатор бесплатных фотографий со всех фотостоков

Pixabay

Огромное хранилище бесплатных фотографий на любые темы