7 Figma-плагинов для проектирования адаптивных макетов

Эти плагины помогут сэкономить время при создании адаптивных версий дизайна. Они автоматически настраивают содержимое фреймов под разные размеры экранов. В подборку мы также добавили Figma-библиотеку адаптивных компонентов мобильного приложения
Дарья Райт
Дарья Райт
Ведущий редактор в «Оди» в 2022–2024 годах

Breakpoints — добавляет контрольные точки для перехода между разной шириной экрана при проектировании адаптивных сайтов

Breakpoints

Auto Responsive — анализирует фрейм или группу и автоматически настраивает автолейаут всех составных элементов так, чтобы превратить его в адаптивный блок

Auto Responsive

Responsively — автоматически адаптирует макеты с содержимым под выбранный размер устройства

Responsively

Responsify — помогает быстро тестировать проекты на устройствах разных размеров

Responsify

Rapidream — Fully Responsive Code! — проверяет дизайн и определяет правильную вложенность и порядок элементов для создания правильного адаптивного рендеринга в браузере

Rapidream — Fully Responsive Code!

Pro Layout Panel — панель со всеми раскрытыми свойствами автолейаутов

Pro Layout Panel

Nucleus UI — библиотека адаптивных компонентов мобильного приложения в формате Figma

Nucleus UI
Поделиться
Отправить
Запинить

Обсуждение