Figma с нуля - Фреймы и группы | Веб дизайн. Урок 2

• Фреймы и группы — ключевые элементы работы с Figma.  

• Фреймы — это контейнеры для объектов, внутри которых раскрывается иерархия слоёв.  

• Группы объединяют несколько элементов.  

• Группы создаются сочетанием клавиш Ctrl+G или через меню правой кнопки мыши.  

• Визуально группы отличаются от фреймов значком квадратика.  

• Элементы в группе двигаются как один объект.  

• Для выбора отдельных элементов группы нужно зажимать Ctrl.  

• Группа сохраняется даже при выборе отдельных элементов.  

• Группы подстраиваются под размеры элементов.  

• Фреймы сохраняют исходный размер и не подстраиваются под контент.  

• Фрейм не меняет размер автоматически, нужно использовать Ctrl+D для изменения размера.  

• Элементы внутри фрейма сохраняют привязку к левому верхнему краю.  

• Отступы отображаются при зажатии Alt.  

• Привязка элементов к левому верхнему краю с отступом 80 пикселей.  

• Для подстройки фрейма под контент используется кнопка Resize to Fit.  

• Фреймы могут быть вложены друг в друга без ограничений.  

• Используйте группы для группировки объектов.  

• Фреймы создавайте по необходимости.  

• Обрезка контента во фреймах регулируется галочкой Clip Content.  

• Фреймы обрезают контент, выходящий за их границы, работая как маска.  

• Констенции позволяют привязывать объекты к фрейму, сохраняя их положение при изменении размера фрейма.  

• Группы не имеют опции обрезки контента.  

• Фреймы сохраняют свою структуру даже при удалении содержимого.  

• Группы исчезают при удалении всех объектов внутри них.  

• Заливка фрейма изменяет его фон, а заливка группы — цвет объектов внутри неё.  

• Скругление углов фрейма применяется ко всему фрейму.  

• Скругление углов группы применяется к объектам внутри неё.  

• Настройка размера и заливки карточки.  

• Добавление изображения и настройка его размера.  

• Вставка заголовка и настройка отступов.  

• Копирование и изменение размера текста для создания иерархии.  

• Использование иконок для обозначения категорий и времени.  

• Перенос иконок в группу и настройка их цвета.  

• Группировка всех элементов карточки.  

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

• Анонс следующего урока о слоях и ограничениях.