Froont
Визуальный редактор адаптивных сайтов в браузере. Помогает собирать веб-макет с учётом разных размеров экрана без ручной вёрстки; текущая доступность не подтверждена.
Прототипирование
froont.comНа сайт ↗
Инструменты UI/UX: интерфейсы, прототипы и исследования — страница 2
Сервисы для проектирования экранов, проверки сценариев и передачи макетов в разработку. В подборке есть редакторы, библиотеки компонентов, средства тестирования и визуальной сборки сайтов.
FullStory
Платформа анализа взаимодействий людей с цифровым продуктом. Помогает найти затруднения, изучить конкретные действия пользователей и понять, что мешает выполнению задачи.
Сервисы UX
www.fullstory.comНа сайт ↗
GetCover
Инструмент помещает загруженный макет или скриншот в рамку браузера либо устройства. Помогает аккуратно представить интерфейс в кейсе и презентации.
Прототипирование
getcover.ruНа сайт ↗
Grid System Library
Библиотека сеток Figma под iOS, Android, Tailwind CSS и Bootstrap. Помогает начать макет с подходящей системы колонок и согласовать дизайн с разработкой.
Прототипирование
www.pixsellz.ioНа сайт ↗
Heurio
Расширение Chrome для визуальных замечаний и UX-проверки сайта. Помогает фиксировать проблемы интерфейса, обсуждать дизайн и собирать обратную связь по странице.
Сервисы UX
chromewebstore.google.comНа сайт ↗
HotGloo
Онлайн-инструмент для проектирования интерфейсов и интерактивных вайрфреймов. Подходит для проверки структуры веб-продукта; актуальная доступность требует уточнения.
Прототипирование
www.hotgloo.comНа сайт ↗
Hotjar
Hotjar в составе Contentsquare помогает изучать поведение посетителей и собирать обратную связь. Подходит для поиска непонятных мест и препятствий на страницах сайта.
Сервисы UX
contentsquare.comНа сайт ↗
Humane by Design
Рекомендации по созданию цифровых продуктов с заботой о человеке. Помогают оценивать влияние интерфейсов, персонализации и продуктовых решений на благополучие.
Информация
humanebydesign.comНа сайт ↗
Justinmind
Редактор вайрфреймов и прототипов веб-сайтов и мобильных приложений. Позволяет связать экраны и проверить сценарий взаимодействия до программирования.
Прототипирование
www.justinmind.comНа сайт ↗
Koncept
Сервис для сборки прототипов интерфейсов. Подходит для превращения набора экранов в демонстрационный сценарий; текущую доступность продукта подтвердить не удалось.
Прототипирование
konceptapp.comНа сайт ↗
Logo Ipsum
Библиотека нейтральных SVG-логотипов для макетов и прототипов. Помогает заполнить логотипные блоки в интерфейсе, пока реальные бренды или фирменный знак ещё не готовы.
Прототипирование
logoipsum.comНа сайт ↗
Logo Lab
Сервис проверки логотипа по загруженному PNG или SVG. Показывает, как знак выдерживает тесты читаемости, контраста и визуального баланса.
Прототипирование
logolab.appНа сайт ↗
Logotip Online
Генератор вариантов логотипа по названию компании. Помогает посмотреть несколько направлений фирменного знака и выбрать основу для дальнейшей работы.
Прототипирование
logotip.onlineНа сайт ↗
Lookback
Платформа интервью, пользовательских тестов и анализа исследований. Помогает наблюдать работу человека с продуктом и делиться выводами с командой.
Сервисы UX
www.lookback.comНа сайт ↗
Lyssna · ранее UsabilityHub
Lyssna, ранее UsabilityHub, — платформа пользовательских исследований и проверки интерфейсов. Помогает тестировать дизайн и лучше понимать аудиторию до запуска изменений.
Сервисы UX
www.lyssna.comНа сайт ↗
Magentaa11y
Генератор критериев проверки доступности от T-Mobile. Помогает сформулировать, как должен работать доступный элемент интерфейса и что именно проверять при приёмке.
Сервисы UX
www.magentaa11y.comНа сайт ↗
Mail Studio
Приложение для визуального создания адаптивных email-писем. Подходит для подготовки рассылки, которая должна корректно отображаться в разных почтовых клиентах.
Прототипирование
mailstudio.appНа сайт ↗
Manifest
Набор элементов Craftwork для интеллект-карт и блок-схем. Позволяет собрать понятную схему процесса или структуру большого проекта из готовых визуальных блоков.
Прототипирование
manifest.craftwork.designНа сайт ↗
Marvel
Платформа для каркасов интерфейсов, интерактивных прототипов, пользовательских тестов и передачи макетов. Помогает провести экран от идеи до обсуждения с командой.
Прототипирование
marvelapp.comНа сайт ↗
Maze
Платформа, которая объединяет набор участников, тестирование и анализ UX-исследований. Помогает регулярно проверять решения на разных этапах разработки продукта.
Сервисы UX
maze.coНа сайт ↗
Mental Canvas
Приложение для пространственного рисунка: плоские штрихи располагаются в 3D-сцене, по которой можно перемещаться. Подходит для визуализации пространственных идей и анимированных историй.
Прототипирование
mentalcanvas.comНа сайт ↗
Meta Tags
Редактор и предпросмотр метаданных страницы для поиска и социальных сетей. Помогает проверить заголовок, описание и изображение ссылки перед публикацией.
Сервисы UX
metatags.ioНа сайт ↗
Mind Meister
Совместный редактор интеллект-карт с AI-генерацией структуры. Помогает разложить тему на ветви, спланировать проект и показать связи между идеями.
Сервисы UX
www.mindmeister.comНа сайт ↗
MindMup
Редактор интеллект-карт для раскладывания темы на ветви и связи. Помогает структурировать исследование, план проекта или содержание будущей страницы.
Прототипирование
www.mindmup.comНа сайт ↗
Mockflow
Рабочая доска для создания вайрфреймов, диаграмм и интеллект-карт. Помогает команде одновременно обсуждать идею продукта и намечать структуру его экранов.
Прототипирование
mockflow.comНа сайт ↗
Mockplus
Платформа для дизайна интерфейсов, прототипирования и командного обсуждения. Помогает собирать экраны, проверять сценарии и передавать решение в разработку.
Мокапы
www.mockplus.comНа сайт ↗
Mockup Builder
Браузерный генератор предметных мокапов: устройства, товары и мерч. Позволяет поместить дизайн в готовую сцену и экспортировать изображения для презентации.
Прототипирование
mockupbuilder.comНа сайт ↗
Moqups
Онлайн-редактор вайрфреймов, диаграмм и интерактивных прототипов с совместной работой. Удобен для раннего обсуждения структуры продукта и связей между экранами.
Прототипирование
moqups.comНа сайт ↗
Motion
Библиотека Motion для анимации интерфейсов на JavaScript, React и Vue. Подходит для реализации переходов, появления элементов и движения на веб-странице.
Прототипирование
motion.devНа сайт ↗
Moving Letters
Коллекция анимированных текстовых эффектов на JavaScript и anime.js. Полезна как пример для появления заголовка, заставки или выразительной типографики на сайте.
Прототипирование
tobiasahlin.comНа сайт ↗
NinjaMock
Онлайн-инструмент для каркасов экранов и мокапов интерфейса. Поддерживает совместное обсуждение и доступы для команды или клиента.
Прототипирование
ninjamock.comНа сайт ↗
Nodes
Среда визуального программирования для экспериментов с кодом на узловом холсте. Помогает исследовать интерактивные идеи, связывая обработку данных и визуальный результат.
Прототипирование
nodes.ioНа сайт ↗
Octopus
Конструктор визуальной карты сайта с простыми блоками содержимого страниц. Помогает спланировать разделы, порядок экранов и наполнение до начала детального дизайна.
Прототипирование
octopus.doНа сайт ↗
Odyssey.js
JavaScript-инструмент для историй с интерактивной картой. Позволяет связать последовательность текста с географическими точками и показать маршрут или событие.
Прототипирование
cartodb.github.ioНа сайт ↗
Onboarding UI Designs
Готовый UI-набор экранов знакомства пользователя с приложением. Подойдёт как исходник или референс для последовательности приветствия и объяснения функций.
Прототипирование
ui8.netНа сайт ↗
Open Source Dashboards UI Kit
UI-набор компонентов и шаблонов дашбордов. Помогает собрать исходный макет панели управления с повторяющимися элементами и затем настроить его под свой продукт.
Прототипирование
www.dashboardsdesign.comНа сайт ↗