Создание группы в Figma
Группа - это объединение нескольких слоёв в отдельную группу. Это нужно для того, чтобы в слоях всегда был порядок и было удобно сразу обращаться к нескольким объектам.
Чтобы создать группу, выделяем нужные объекты и нажимаем Ctrl + G.
В открытой группе мы можем посмотреть какие слои попадают в эту группу. Так же нужно дать название этой группы, чтобы лучше ориентироваться.
Какова логика работы самой группы?
Чтобы не обращаться ко всем слоям, мы можем обратиться к самой группе и с ней взаимодействовать. При двойном клике, мы как бы опускаемся ниже и уже выбираем какой-то слой. Так же определённый слой выбирается если зажать Ctrl.
Внутри группы так же можно создавать группы. Выбираем несколько объектов ➡️ Ctrl + G.
Как расформировать группу?
Выбираем её и кликаем правой кнопкой мыши ➡️ Ungroup. Сама группа исчезает, а объекты которые в ней были конечно же остаются.
Группа не может существовать без внутреннего наполнения. Если выбрать все слои, которые находятся в группе и вытащить их из неё, то группа автоматически исчезнет.
Как поместить новый объект в группу?
На панели слоёв просто перетащить его в группу. Границы группы сразу изменятся, это говорит о том, что они определяются контентом внутри группы.
Чтобы достать определённый элемент из группы, нужно в слоях просто его вытянуть.
У группы есть возможность воспользоваться заливкой. Задавая заливку для группы мы перекрашиваем все элементы которые в ней находятся. Конечно же можно по отдельности их перекрашивать в разные цвета, но помните, что заливка для группы распространяется на все её элементы.
Точно так же всё работает в группе и с эффектами и со стилями.
Группу можно превратить в "автолаяут" (Auto lauout) кликнув справа на "+" напротив Auto lauout.
Можно превратить во фрейм - справа, там где наша группа (Group), нажать на галочку и выбрать Frame. Точно так же мы можем обратно с фрейма сделать группу.
Группа, хоть и не имеет своего собственного размера, но позволяет изменять свою площадь, если потянуть за края. Объекты внутри группы будут при этом деформироваться. Только текст не деформируется, а подстраивается под размер группы.