Undesign — бесплатная коллекция инструментов для дизайна

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

И самое приятное во всём этом, что разработчики проекта не просят за его использование ни рубля

Стоимость: #бесплатно

#web #дизайн

Coolors — приятный и минималистичный сервис для подбора сочетаний цветов

Каждый раз, когда вы нажимаете «пробел», сайт генерирует новые цветовые комбинации. И в 99% случаев они выглядят великолепно

Также можно создавать цветовые паллеты на основе картинок

Стоимость: #бесплатно (но есть платная подписка)

#web #color #дизайн

Framer — сервис для дизайна и прототипирования интерфейсов

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

Сервис предоставляет мощные инструменты для работы с дизайном, анимациями и интерактивностью, что позволяет создавать сложные прототипы без необходимости писать код.

Framer также интегрируется с популярными инструментами дизайна, такими как Sketch и Figma

Стоимость: #бесплатно (но есть платная подписка)

#дизайн #интерфейсы

Figma — графический редактор для совместного проектирования digital-продуктов

Инструмент является незаменимым помощником для многих дизайнеров, разработчиков и продукт-менеджеров, предлагая мощные функции по созданию дизайна и прототипов UI

Основные преимущества Figma включают облачное хранение, мгновенное обновление изменений и возможность одновременного доступа нескольких пользователей

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

Стоимость: #бесплатно (но есть платные тарифы)

#дизайн #UI #UX

Humaaans — ваш источник кастомизируемых иллюстраций

На платформе вы сможете найти библиотеку бесплатных иллюстраций людей, которые можно настроить по своему вкусу для использования в веб- и мобильных приложениях, презентациях и т.д

Все иллюстрации модульные и могут быть настроены по позе, одежде, цвету и причёске, что позволяет создать уникальные образы, соответствующие вашим требованиям.

Стоимость: #бесплатно

#иллюстрации #дизайн

Cubic-Bezier — онлайн-инструмент для создания собственных плавных анимаций и переходов

С его помощью можно настраивать кривые, чтобы точно контролировать скорость и плавность ваших анимаций на сайте

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

Стоимость: #бесплатно

#web #анимация #дизайн

OpenDoodles Generator — быстрый и простой инструмент для создания креативных иллюстраций

Здесь вы найдёте множество уже готовых дудлов, которые достаточно подстроить под себя: выбрать цвет и скачать понравившиеся варианты

Стоимость: #бесплатно

#web #дизайн

Moqups — инструмент для создания прототипов и макетов пользовательского интерфейса

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

Помочь в этом может широкий набор готовых компонентов и функциональности

Уникальная фишка Moqups заключается в его простоте использования и возможности совместной работы в реальном времени

Стоимость: #бесплатно (но есть платные тарифы).

#дизайн #UX

Yotako.io — преобразование дизайна в код с помощью искусственного интеллекта

С помощью инструмента можно без труда экспортировать дизайн из графических редакторов, таких как Sketch и Adobe XD, и преобразовать их в код на различных языках программирования и фреймворках

При этом Yotako.io также обеспечивает синхронизацию между дизайном и кодом, что позволяет легко вносить изменения в процессе разработки

Стоимость: #бесплатно (но есть платные тарифы).

#дизайн #code #ии

Colorspire — творческая платформа для цветового вдохновения

Здесь вы найдёте коллекцию изысканных цветовых палитр, инструменты для создания собственных цветовых комбинаций и возможность делиться творческими идеями

Платформа предоставляет исчерпывающие данные о каждом цвете, включая коды (HEX, RGB) и их значения в различных системах цветопередачи

А ещё у Colorspire есть плагин для Adobe XD!

Стоимость: #бесплатно

#color #дизайн

Lunacy — мощный и бесплатный дизайн-инструмент

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

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

Инструмент имеет нативные версии для всех основных ОС: Windows, macOS и Linux

Стоимость: #бесплатно

#дизайн #ии

Palx — автоматический генератор цветовых палитр

Сервис преобразует основной цвет в полную палитру, подходящую для интерфейсов и веб-дизайна

Инструмент идеально подойдёт дизайнерам и разработчикам, которые хотят быстро и легко создать цветовую палитру для своих проектов

Стоимость: #бесплатно

#дизайн #web

Wireframe.cc — интуитивный инструмент для создания макетов

У него крайне простой и понятный интерфейс, который только помогает в создании макетов веб-страниц и приложений

Сервис позволяет быстро и легко визуализировать ваши идеи, не отвлекаясь на лишние детали или сложные функции

Стоимость: #бесплатно (но есть платные тарифы)

#дизайн #web

DesignPatterns — обширная коллекция визуально согласованных компонентов

Причём представлены варианты для различных дизайн-систем, таких как Chakra, Material, Radix Themes и т.д

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

Данный ресурс идеален для разработчиков и дизайнеров, которые хотят быстро и эффективно выбрать компоненты для своих дизайн-систем

Стоимость: #бесплатно

#дизайн #web