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

Updrafts.app

Инструмент визуального дизайна и прототипирования на основе Tailwind CSS. Подойдёт для сборки веб-интерфейса из элементов, связанных с этой системой стилей.

Открыть Updrafts.app ↗

Для каких задач

прототипировать на Tailwind
собрать веб-интерфейс
использовать CSS-компоненты

Тарифы, доступность и условия использования уточняйте на сайте ресурса.

Ещё для этой задачи

Framer

Визуальная платформа для создания и публикации сайтов с CMS и AI-помощником. Подходит для лендинга или портфолио, которое дизайнер собирает на редактируемом холсте.

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

www.framer.comНа сайт ↗

Adobe XD

Редактор интерфейсов и интерактивных прототипов Adobe. Продукт находится в режиме поддержки: имеет смысл прежде всего для работы с уже существующими XD-файлами.

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

helpx.adobe.comНа сайт ↗

Anima

AI-инструмент, который превращает Figma-макет, ссылку или текстовое описание в веб-приложение и код. Помогает перейти от визуального проекта к рабочей реализации.

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

www.animaapp.comНа сайт ↗

Axure

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

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

www.axure.comНа сайт ↗

Balsamiq

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

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

balsamiq.comНа сайт ↗

Bloo

Набор низкодетализированных компонентов и мобильных экранов для вайрфреймов. Поддержка тёмной темы помогает быстро собрать каркас приложения в двух вариантах.

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

bloouikit.comНа сайт ↗