Большой гид для самостоятельного изучения Figma / Skillbox Media

Самоучитель по Figma

Самые полные и полезные инструкции, которые помогут вам освоить все функции графического редактора.

#СПЕЦПРОЕКТ

Содержание

Figma — важный инструмент для дизайнеров, который позволяет быстро спроектировать интерфейс, сайт и мобильное приложение. Работодатели в требованиях к кандидату часто указывают этот графический редактор — поэтому его важно освоить.

В нашем спецпроекте — всё, что вам нужно знать о Figma.

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

Плагины, лайфхаки, файлы

9 марта Figma отменила подписки для пользователей из России. На момент публикации бесплатная версия графического редактора работает.

Базовые функции

Если вы ещё не пробовали работать в Figma, начните изучать её с базовых функций. Эти инструкции помогут быстрее разобраться в интерфейсе программы и начать верстать простые макеты.

21 янв 2022

Рассказываем о базовых эффектах и показываем, как за две минуты сделать «матовое стекло».

Тени и размытие

9 июл 2021

Как добавить изображение на макет и отредактировать его без Photoshop.

Как работать с изображениями

Четыре совета в гифках

Зачем нужно и как пользоваться

Как настроить и использовать

Шаблоны, ограничители и компоненты

Умное копирование

Шрифты в Figma

27 мар 2019

В чём преимущества Figma перед другими редакторами и почему ей стоит пользоваться.

Что такое Figma: возможности и принципы работы

6 авг 2021

Рисуем мяч для регби, хитрим с наложением слоёв и избегаем «мятых» линий.

Как рисовать векторные изображения

16 июл 2021

Рассказываем, как её настроить и использовать сразу в нескольких макетах.

Как работать с модульной сеткой

Figma любят не только за то, что в ней удобно двигать пиксели влево и вправо. С помощью продвинутых функций дизайнеры могут быстро нарисовать тёмную тему для интерфейса, картинку с эффектом голограммы и сделать так, чтобы все элементы автоматически подстраивались под ширину макета.

Продвинутая работа

Продвинутые эффекты

Глитч, голограмма и неоновое свечение.

4 фев 2022

Тени в интерфейсах

Зачем они нужны и как их рисовать.

30 июл 2021

Auto Layout

Рассказываем, что это за функция и как с помощью неё можно аккуратно и быстро сверстать кнопку, модуль и страницу.

24 июн 2021

Варианты элементов интерфейса

Каждый раз делать разные состояния одной и той же кнопки — долго. Варианты в Figma помогут избежать этой нудной работы.

27 авг 2021

Как создать тёмную тему

Пошаговая инструкция, которая поможет грамотно поменять цвета в интерфейсе.

23 июл 2021

Заранее отловить ошибки в сценариях использования своего приложения — довольно сложно. Прототип решает эту проблему, а в Figma собрать его очень просто даже без программистов.