36 уроков для новичков по Figma

Собрали в одной подборке множество полезных уроков для тех, кто хочет освоить Фигму или перейти на нее с других редакторов. В подборке есть как уроки по освоению интерфейса самой программы, так и по созданию дизайна цифрового продукта.


Интерфейс

Манипуляция с объектами

Frame & Slice tool

Векторные объекты

Работа с кривыми и пером

Слои и маски

Текст

Цвет

Сетки и направляющие

Стили

Constraints

Компоненты

Выравнивание и умное выделение

Прототипирование

Интеграция и экспорт

Обзор интерфейса: аккаунт, история версий, мультипросмотр макета

Обзор меню и предпочтений

Инструменты и калькулятор

Панель слоев и массовое

Модульная сетка в Фигме

Привязки (constraints) в Figma

Компоненты в Фигме #1 — Простые примеры. Когда использовать?

Компоненты в Фигме #2 — Сложные примеры. Ломаем, костылим :)

Компоненты в Фигме #3 — Рокировка

Компоненты в Фигме #4 — Иконки и адаптив

Компоненты в Фигме #5 — Адаптив через дубликат макета

Выравнивания (align) в Figma, Tidy Up, упаковка и дистрибьты

Текст в Figma

Цвет, градиенты, изображения в Figma

Обводка и эффекты: тени, блюры, бордеры в Figma

Командная библиотека компонентов в Figma

Прототипы в Figma и умные анимации (smart animate)

Панель кода и экспорт

Ссылка на проект в Фигме (share Figma)

Как установить, включить плагины в Figma | ? Plugins

Auto Layout в Figma ? (стеки в Фигме)