Figma - ч2: Выравниваение фреймов и контента, auto layouts, маски и пересечение векторных слоев.

Опубликовано: 01 Октябрь 2024
на канале: IT Public 503
71
6

Данное видео явлется продолжением первой части по основам работы в Figma. В этой части продолжаем расширенное рассмотрение, знакомимся с Секциями и Слайсами. Так же мы рассматриваем как выравнивать фреймы и группы внутри родительского фрема, что такое Автолейауты (auto layots). Как делать вертикальное, горизонтальное и горизонтальное с переносом размещение объектов. Так же изучаем, что такое маски для слоев, как объединять векторные слои на основе разных правил пересечения (объединение, пересечение, исключение и все кроме исключения).

#figma #autolayout #выравнивание

Часть 1 - Основы работы -    • Figma - ч1: Основы работы. Создание м...  
Часть 3 - Создание стилей, переменных, задание фона -    • Figma - ч3:  Задание цвета, выбор фон...  
Часть 4 - Компоненты, Плагины, UI Kits -    • Figma - ч4: Создание и применение ком...  
Часть 5 - Анимация, Презентация и Прототипирование -    • Figma - ч5: Создание анимаций, презен...  

Содержание:
00:00 - Вступление
03:10 - Секции и объединение макетов в секции
06:50 - Слайсы - вырезание картинки кусками
10:20 - Линейки и Направляющие
14:00 - Auto Layout для фреймов - выравнивание блоков
25:00 - Создание маски для слоя
28:10 - Наложение векторных слоев (пересечение, объединение, исключение...)
31:50 - Flatten - объединение векторных слоев в единый объект