Самоучитель по Figma
Самые полные и полезные инструкции, которые помогут вам освоить все функции графического редактора.
#СПЕЦПРОЕКТ
Содержание
Figma — важный инструмент для дизайнеров, который позволяет быстро спроектировать интерфейс, сайт и мобильное приложение. Работодатели в требованиях к кандидату часто указывают этот графический редактор — поэтому его важно освоить.
В нашем спецпроекте — всё, что вам нужно знать о Figma.
9 марта Figma отменила подписки для пользователей из России. На момент публикации бесплатная версия графического редактора работает.
Базовые функции
Если вы ещё не пробовали работать в Figma, начните изучать её с базовых функций. Эти инструкции помогут быстрее разобраться в интерфейсе программы и начать верстать простые макеты.
21 янв 2022
Рассказываем о базовых эффектах и показываем, как за две минуты сделать «матовое стекло».
Тени и размытие
9 июл 2021
Как добавить изображение на макет и отредактировать его без Photoshop.
Как работать с изображениями
Четыре совета в гифках
Зачем нужно и как пользоваться
Как настроить и использовать
27 мар 2019
В чём преимущества Figma перед другими редакторами и почему ей стоит пользоваться.
Что такое Figma: возможности и принципы работы
6 авг 2021
Рисуем мяч для регби, хитрим с наложением слоёв и избегаем «мятых» линий.
Как рисовать векторные изображения
16 июл 2021
Рассказываем, как её настроить и использовать сразу в нескольких макетах.
Как работать с модульной сеткой
Figma любят не только за то, что в ней удобно двигать пиксели влево и вправо. С помощью продвинутых функций дизайнеры могут быстро нарисовать тёмную тему для интерфейса, картинку с эффектом голограммы и сделать так, чтобы все элементы автоматически подстраивались под ширину макета.
Продвинутая работа
Продвинутые эффекты
Глитч, голограмма и неоновое свечение.
4 фев 2022
Тени в интерфейсах
Зачем они нужны и как их рисовать.
30 июл 2021
Auto Layout
Рассказываем, что это за функция и как с помощью неё можно аккуратно и быстро сверстать кнопку, модуль и страницу.
24 июн 2021
Варианты элементов интерфейса
Каждый раз делать разные состояния одной и той же кнопки — долго. Варианты в Figma помогут избежать этой нудной работы.
27 авг 2021
Как создать тёмную тему
Пошаговая инструкция, которая поможет грамотно поменять цвета в интерфейсе.
23 июл 2021
Заранее отловить ошибки в сценариях использования своего приложения — довольно сложно. Прототип решает эту проблему, а в Figma собрать его очень просто даже без программистов.
Прототипирование
Анимация
Как сделать красивые переходы в макете приложения.
29 окт 2021
Кнопки, прокрутка и поп-апы
Как сделать прототип интерфейса в Figma, чтобы показать его клиенту.
15 окт 2021
Figma Mirror
Как самостоятельно проверить макет прямо в телефоне, не привлекая к этому программистов.
18 мар 2022
4 полезных плагина
Как превратить свой макет в сайт и адаптировать его сразу под все устройства.
3 дек 2021
Интерактивные компоненты
Создаём рабочий чекбокс, радиокнопку и всплывающее меню с умной анимацией.
3 ноя 2021
Плагины, лайфхаки, файлы
Понравилась статья?
Да

Пользуясь нашим сайтом, вы соглашаетесь с тем, что мы используем cookies 🍪

Ссылка скопирована