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

Grid System Library

Библиотека сеток Figma под iOS, Android, Tailwind CSS и Bootstrap. Помогает начать макет с подходящей системы колонок и согласовать дизайн с разработкой.

Открыть Grid System Library ↗

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

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

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

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

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На сайт ↗