Gradient Scale
Gradient Scale
Система из 84 градиентов, выстроенная на основе шкалы оттенка (hue), выполненная в виде библиотеки для Figma.
ФайлБиблиотека
Подбор цветовГрадиентыFigma
dopely colors / Gradients
dopely colors / Gradients
Коллекция градиентов с возможностью их подкручивать и скачивать результат в SVG.
СайтБиблиотека
Подбор цветовГрадиенты
uigradients.com
uigradients.com
Коллекция гармоничных градиентов на все случаи жизни. С фильтрами по основным оттенкам. Также доступен в виде плагина для Фигмы.
СайтБиблиотекаПлагин
Подбор цветовГрадиентыFigma
LottieFiles
LottieFiles
Более 1500 анимаций в формате Lottie, сделанные в After Effects и готовые к использованию в мобильных приложениях.
ПлагинСайтБиблиотека
Продуктовый дизайнUIАнимацияLottieAfter Effects
Спектр формы
Спектр формы
Библиотека геометрических фигур, в которой насчитывается около 3000 вариаций. Будет полезна при поиске форм логотипов.
ФайлБиблиотека
Форма
heroicons.com
heroicons.com
Бесплатная библиотека из 260 базовых интерфейсных иконок размером 20 и 24, в двух видах: outline и solid.
ФайлБиблиотека
Иконки
Adobe Color
Adobe Color
Очень крутой цветовой круг, доступный на странице сайта Adobe.
СайтИнструмент
Подбор цветов
AutoHotkey для Windows
AutoHotkey для Windows
Для чернокнижников. Мощная программа для настройки клавиш. Например, позволяет настраивать свои горячие клавиши на пункты меню в Фигме и любые другие кнопки на экране.
Приложение для WindowsИнструмент
Клавиши
Blobmaker.app
Blobmaker.app
Простой и удобный инструмент, чтобы делать блобы — пятна с плавными краями, которые часто используются в маркетинговом дизайне.
СайтИнструмент
Форма
Color Mixer
Color Mixer
Параметрический микшер, который на основе двух цветов формирует ровные переходы между ними. Может быть хорошим дополнением к основному микшеру .
Adobe Color
СайтИнструмент
Подбор цветов
Contrast Checker
Contrast Checker
Простейший инструмент для проверки контраста текста.
СайтИнструмент
ДоступностьКонтраст
Flat UI Color Picker
Flat UI Color Picker
Подборка цветов, подходящих для дизайна интерфейсов. Есть деление по цветовым моделям.
СайтИнструмент
Подбор цветов
Huetone
Huetone
Продвинутый анализатор палитры, который умеет брать JSON из плагина Figma Tokens и выдавать график о соответствии цветов стандартам доступности.
Инструмент
Подбор цветовДизайн-системы
Kolumns — калькулятор сеток
Kolumns — калькулятор сеток
Позволяет через ползунки настраивать ширину холста, отступы и количество колонок.
СайтИнструмент
Сетки
Дизайн-ресурсы
Дизайн-ресурсы
Открытая база знаний, которая поможет найти полезную информацию о дизайне интерфейсов. Материалы разделены на два блока: Обучение, Ресурсы.
Ноушн-сайт
Насмотренность
Similayer
Similayer
Плагин для выделения слоёв по различным критериям поиска: одному типу заливки или обводки, названию, типу слоя, размеру и другим свойствам.
Плагин
Автоматизация
Contrast Description
Contrast Description
Прописывает комментарии в стили цветов, которые помогают определить, проходит ли определённый цвет по стандартам контраста.
Плагин
FigmaПодбор цветовДоступность
Figma Tokens
Figma Tokens
Позволяет составить список стилей, которые можно выгружать в JSON-код и на основе него генерировать стили в Figma. Также JSON можно загружать обратно в плагин. Документация
Плагин
Дизайн-системыJSONТокены
Better Font Picker
Better Font Picker
Позволяет выбирать гарнитуру шрифта при помощи списка. Названия гарнитур написаны этими гарнитурами, что ускоряет выбор.
Плагин
FigmaПодбор шрифтов
