О том, как работать с панелью слоёв, мы начали говорить в главе 1.3. Left Panel, Menu, Agents, Assets. Рассмотрели также, что каждый тип слоёв имеет свои уникальные настройки в панели справа. Более близкое знакомство со слоями начнём с фреймов.
Как мы узнали в прошлой главе, фреймы создаются клавишей F в режиме инструмента Frame.
Фреймы очень важны при работе с сеткой. Им можно задавать единые стили сеток, которые можно использовать по всему файлу.
Фреймы имеют фоновый цвет — Fill (Fill Style), изначально белый. Галочка Show in exports позволяет отображать фоновый цвет при экспорте фрейма в файл. Если её снять, фрейм будет выгружен в PNG или иной формат с прозрачным фоном.
Галочка Clip Content позволяет выбрать, будет ли виден слой, части которого вылезают за пределы фрейма.
Фреймы могут иметь фоновый цвет, который задаётся в блоке Fill (Fill Style). Изначально заливка фона стоит в режиме Solid, что даёт равномерное наложение цвета.
В Figma действует клавиша Ctrl C, которая вызывает Color Picker Pick Color – пипетку. На Windows используется I. Пикер позволяет снять нужный цвет в любом месте проекта.
В фреймах можно настраивать сетку. Для этого нужно выделить фрейм и в блоке Layout Grid (Layout Grids) нажать +. Это создаст в фрейме новую сетку.
Ctrl G (Windows: Shift Ctrl 4) оказывает или скрывает сетку по всем фреймам в проекте.