Что такое Инструмент вайрфреймов?

Набросайте макет страницы и UI-мокап за считанные секунды. Перетащите типичные элементы интерфейса — кнопки, текстовые блоки, изображения, поля ввода — на холст, а затем экспортируйте в PNG или сохраните в JSON для дальнейшего редактирования.

Как использовать

1. Выберите UI-элемент на панели инструментов — например, прямоугольник, текстовый блок, кнопку, заглушку изображения или поле ввода — и щёлкните на холсте, чтобы разместить его.
2. Перетаскивайте элементы для изменения положения, меняйте размер с помощью маркеров, редактируйте текст двойным щелчком. Группируйте элементы для удобного перемещения.
3. Экспортируйте вайрфрейм в PNG для обмена или сохраните в JSON, чтобы загрузить и продолжить редактирование позже.

Результат

Продуктовый менеджер набрасывает экран входа в мобильное приложение: заглушка логотипа, поля для email и пароля, кнопка входа и ссылка «Забыли пароль» — затем экспортирует PNG и отправляет в канал Slack.

Похожие инструменты