Figma с нуля. Фреймы и Компоненты

Фреймы и Компоненты В прошлой части мы познакомились с интерфейсом Figma. Сегодня научимся создавать фреймы и компоненты — основу любого дизайна. Что такое фреймы Frame — это рабочая область для экрана или блока. Всё, что мы создаём, должно жить внутри фрейма. Создание сеток Чтобы размещать элементы ровно, используем Layout Grid. Создание UI-элементов Нарисуем простейшие элементы интерфейса — кнопку, поле ввода и карточку. Компоненты Компоненты нужны, чтобы не копировать одни и те же элементы. Изменяя компонент, вы обновляете все его копии. Все компоненты лежат во вкладке Assets — туда можно перетаскивать готовые элементы. У кнопок могут быть варианты — например, Primary, Secondary, Disabled. Сделаем варианты через Variants. Мы научились работать с фреймами, создавать компоненты и варианты. В следующем видео пора оживить наш дизайн — разберём авто-лейаут и прототипирование.