Окунев А. Руководство по Figma

Проект /designer, 2019. — 256 с.Что это и кому.
О клавишах.
Установка Фигмы.
Клиенты.
WebGL.
Локальные шрифты.
Практика: сетап.
Файлы, проекты и команды.
Импорт.
Команды.
Создание проекта.
Проект для изучения: как скачать.
Практика: первый файл.
Сверху: тулбар и тёмная панель.
вное меню.
Тулбар.
Скрытие интерфейса.
Переименуем файл.
Как давать доступ по ссылке.
Практика: тулбар и ссылки на проект.
По центру: рабочая область.
Фон рабочей области.
Режимы отображения рабочей области.
Линейка.
Практика: рабочая область.
Слева: панель слоёв и страницы.
Страницы.
Перемещение слоёв между страницами.
Практика: список слоёв и страницы.
Справа: панель свойств.
Общие свойства слоёв.
Практика по свойствам слоя.
Фреймы.
Фоновый цвет фрейма.
Фреймы: Работа с сеткой.
Шаг сдвига по сетке.
Фреймы для профи.
Шейпы.
Прямоугольник.
Чем отличаются фреймы и прямоугольники.
Сдвиг и масштабирование.
Заливка и обводка шейпов: первый взгляд.
Прямоугольник и сетка.
Плющим несколько фигур.
Сдвигаем и липнем к объектам.
Opt для определения расстояний.
Ещё один способ мерить расстояния.
Режим редактирования.
Окружность, овал и пайчарт.
Треугольник.
Звезда.
Линия.
Стрелка.
Перо.
Частая ошибка: изломы линий.
Минимализм и точность.
Shift и Snap to Geometry: чертим прямоугольник пером.
!5 / 2! 56 /designer.
Векторные сети.
Как сделать векторную сеть.
Заливаем фрагменты сети.
Bend Tool, Cmd.
Рисуем иконки.
Булевы группы и флэтен.
Subtract на практике: вычитаем круги.
Union на практике: соединяем шейпы.
Intersect на практике.
Exclude на практике.
Сходства и различия булевых групп в Фигме и Скетче.
Принцип инверсии в Скетче.
Вложенные булевы группы в Фигме.
Flatten составных фигур.
Режим Outline: векторные контуры.
Находим невидимые шейпы.
Как выделять труднодоступные слои.
Режимы цветового кодирования.
HEX: Шестнадцатиричные цвета.
RGB-цвета.
RGBa-коды.
HSB-цвета.
Заливка и градиенты.
Делаем пробники для градиентов.
Режимы градиентов.
Режим заливки Solid: ровный цвет.
Режим заливки Linear: линейный градиент.
Режим заливки Radial: радиальный градиент.
Режим заливки Angular: угловой градиент.
Режим заливки Diamond: делаем блики.
Режим заливки Image.
Режим Image / Fill.
Режим Image / Fit.
Режим Image / Crop.
Режим Image / Tile.
Цветокоррекция.
Exposure.
Contrast.
Saturation.
Temperature.
Tint.
Highlights.
Shadows.
Обводка.
Отличия пунктирной обводки в Скетче и Фигме.
Стили изгибов обводки.
Типы окончания линии.
Маски.
Кадрирование фото.
Альфа-маска.
Адаптивность и ограничители.
Ограничители шейпа по умолчанию.
Как сделать резиновую шапку.
Как сделать сайдбар с резиновой высотой.
Как растянуть фоновое фото на весь фрейм.
Как зафиксировать модальное окно по центру экрана.
Как сделать так, чтобы при растягивании макета всё не ехало.
Текстовые слои.
Шрифты из Google Web Fonts.
Auto Resize: Width.
Auto Resize: Height.
Выравнивание и распределение.
Align: Выравнивание.
Distribute: Распределение.
Стили цветов.
Копируем стили с одного объекта на другой.
Сходства и различия стилей в Фигме и Скетче.
Цвета можно называть и комментировать.
Компоненты.
Сделаем компонент кнопки.
Немного о клавишах.
Сравнение символов Скетча и компонентов Фигмы.
Различие в логике дублирования.
Различие в логике детача.
Различие в реализации оверрайдов.
Переход к мастеру.
Лучшие практики работы с компонентами.
Практика: компоненты.
Об авторе.