Секции в Figma
Секции в Figma позволяют группировать слои в редакторе и подписывать их лэйблами.
- Секции можно группировать
- Секции нельзя помещать во фреймы и применять Auto Layout
- Секции можно экспортировать
- Для секций можно задавать заливку и обводку
- К секциям нельзя применять эффекты
- Секции показывают вложенный контент за пределами своих границ (Clip content всегда отжат)
- Секции автоматически меняют свои размеры при дублировании объектов внутри них
Как создать секцию
- Используйте сочетание горячих клавиш Shift + S
- Выберите инструмент Section в тулбаре
Как поменять секцию на фрейм
Секцию можно конвертировать во фрейм (но не в группу), а группу или фрейм можно конвертировать в секцию.
Есть два способа. Через контекстное меню:
- Выделите секцию и вызовите контекстное меню
- Найдите Convert to frame
И второй способ: через правый сайдбар:
- Выделите секцию
- В разделе Design сверху откройте выпадающий список и выберите Frame
Как поместить слои в секции
- Использовать drag’n’drop
- Вырезать и вставить в выделенную секцию
- Выделить слои, вызвать контекстное меню и с помощью Create section поместить их в новую секцию. Горячих клавиш для этой операции нет
Как переименовать секцию
- Как и другие слои в древе слоев
- Дважды кликнув на лейбл секции
- С помощью сочетания cmnd+R / cntrl+R
Помогла ли вам эта статья?
Комментариев: 2
Добавить комментарий
Секции автоматически меняют свои размеры при дублировании объектов внутри них
Делаю копию фрейма и перемещаю его слева в панели слоёв в секцию. Он помещается внутри секции, но она автоматически не меняет размер, фрейм обрезан получается. Как сделать, чтобы она автоматически меняла размер?
Боюсь что эта опция работает только в ряде случаев, как и рамки для вариантов. В остальном вам предстоит менять ее размеры вручную