Брейкпоинты

Брейкпоинты связывают ширину страницы с нужной версией макета. Обычно это два фрейма — Mobile и Desktop, но диапазонов может быть больше.

Подключите фреймы к адаптиву

Выделите фрейм.
В секции Frame установите Role → Breakpoint.
Повторите для остальных адаптивных версий.
Снимите выделение, чтобы открыть настройки Canvas.

В секции Breakpoints появится шкала. Каждый сегмент подписан именем фрейма, поэтому полезно заранее назвать версии понятно.

Соберите Mobile через `Generate`

Если Desktop уже готов, его можно использовать как основу для узкой версии.

Создайте пустой фрейм Mobile и назначьте ему роль Breakpoint.
Выделите только Mobile. Рядом с названием фрейма появится кнопка Generate.
Нажмите Generate и выберите исходный фрейм в поле Source.
Настройте Width — ширину колонки — и Gap — расстояние между верхнеуровневыми блоками. Результат меняется на холсте сразу.
Нажмите Apply, когда стартовая раскладка готова.

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

Связи между скопированными виджетами сохраняются. Действия, которые вели к виджетам или группам за пределами исходного фрейма, не переносятся.

Настройте диапазоны

Перетащите круглый разделитель на шкале или отредактируйте число под ним. У соседних диапазонов общая граница: максимум одного фрейма становится минимумом следующего.

Limit width задаёт верхнюю границу самого широкого диапазона. Это ширина области материала, а не всего окна браузера.

Параметры фрейма

Для Breakpoint доступны дополнительные настройки:

Fixed сохраняет геометрию содержимого; Scalable масштабирует его внутри диапазона фрейма.
Gap below оставляет пространство после фрейма в материале.