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

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

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

Breakpoints
Breakpoints

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

Auto Responsive
Auto Responsive

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

Responsively
Responsively

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

Responsify
Responsify

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

Rapidream — Fully Responsive Code!
Rapidream — Fully Responsive Code!

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

Pro Layout Panel
Pro Layout Panel

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

Nucleus UI
Nucleus UI
308 views·27 shares