Организация макетов с помощью секций

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

Создайте секцию

Доступны три способа:

• Через панель инструментов: откройте меню +, выберите инструмент секции и щёлкните на холсте или протяните область мышью.
• Из выделенных слоёв: выделите два или более слоёв, откройте контекстное меню и выберите создание секции из выделения.
• С помощью клавиатуры: нажмите Shift + S в Windows или macOS.

Секция становится родительским объектом для находящихся в ней слоёв. Для организации крупных областей файла секции можно вкладывать друг в друга.

Задайте статус секции

Для секции можно отметить, что дизайн ещё в работе или уже готов к разработке. Так дизайнеры и разработчики находят нужные материалы не только по названиям слоёв.

1. Выделите секцию.
2. Задайте статус с помощью элемента управления в её левом верхнем углу.
3. Чтобы изменить статус, откройте меню его метки в том же месте.
4. Перейдите в режим передачи в разработку на правой панели, чтобы фильтровать секции по статусу на левой панели.

Статус относится к секции. При преобразовании её во фрейм этот статус удаляется.

Поделитесь секцией

Ссылка открывает файл дизайна на выбранной секции. Доступ определяется настройками общего доступа к файлу; копирование ссылки на секцию не предоставляет дополнительных прав.

Выделите секцию и воспользуйтесь одним из способов:

• Нажмите Share в правом верхнем углу и скопируйте ссылку.
• Откройте контекстное меню, перейдите к командам копирования и вставки и скопируйте ссылку.
• Если у секции есть статус, откройте меню статуса и скопируйте ссылку оттуда.

Измените ориентацию

Выделите секцию и выберите вертикальную или горизонтальную ориентацию на правой панели. Объекты внутри секции при этом не перестраиваются.

После изменения проверьте границы: содержимое, оказавшееся за пределами секции, может выйти из её иерархии слоёв.

Измените тип слоя

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

Группу можно преобразовать в секцию, но напрямую преобразовать секцию в группу нельзя. Если нужно отменить только что выполненное преобразование, используйте отмену действия.

Настройте оформление

Выделите секцию и измените цвет фона и границу с помощью настроек заливки и обводки на правой панели. Это помогает различать области холста, не изменяя объекты внутри.

Экспорт и передача в разработку

С помощью настроек экспорта сохраните секцию как изображение. В режиме передачи в разработку просмотрите доступные ресурсы и сведения о коде для макета.

Статус готовности помогает организовать передачу, но не заменяет права доступа к файлу и не реализует дизайн автоматически.