Самоучитель по Figma для начинающих

от admin

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

О редактореБазовые возможности FigmaКак упростить работу в FigmaПрофессии, в которых понадобится знание Figma

О редакторе

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

Самоучитель по Figma для начинающих

Графический редактор Figma доступен в браузерной версии и в виде десктопного приложения. Источник

Базовые возможности Figma

Шрифты

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

Самоучитель по Figma для начинающих

Шрифты в Figma: как настроить и использовать

Самоучитель по Figma для начинающих

Как сохранять в Figma: разбираем разные форматы и способыЦвета

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

Самоучитель по Figma для начинающих

Работа с цветом в FigmaАнимация

В фигме можно создавать интерактивные прототипы и динамические элементы. Чтобы анимировать текст, кнопку или, например, картинку, нужно перейти во вкладку Prototype на верхней правой панели.

Читать:
Какие инструменты используют UX-дизайнеры «Собаки»

Самоучитель по Figma для начинающих

Как сделать анимацию в Figma и зачем она нужна

Как упростить работу в Figma

Горячие клавиши

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

Самоучитель по Figma для начинающих

Горячие клавиши в FigmaПолезные плагины

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

Самоучитель по Figma для начинающих

15 полезных плагинов для Figma, которые ускорят работу

Профессии, в которых понадобятся знания Figma

Веб-дизайнер

В программе можно создавать дизайны веб-страниц и сайтов: отрисовывать прототипы, проверять взаимодействия элементов и тестировать пользовательский опыт.

Самоучитель по Figma для начинающих

Кто такой веб-дизайнер и какие навыки ему нужныДизайнер интерфейсов

В фигме UX/UI-дизайнеры могут проектировать удобные и привлекательные пользовательские интерфейсы, а ещё проверять, насколько они удобны.

Самоучитель по Figma для начинающих

Кто такой дизайнер интерфейсов и как им стать, чтобы менять мирГрафический дизайнер

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

Самоучитель по Figma для начинающих

Графический дизайнер: чем занимается, какие навыки нужны и как им стать

Навык работы с Figma пригодится дизайнеру любого профиля, а определить направление в дизайне для развития можно на бесплатном курсе. Опытные преподаватели расскажут, чем различаются разные специальности, как выбрать направление по душе и обучиться новой профессии в дизайне.

Узнайте, какую профессию выбрать в дизайнеПоймёте разницу между дизайнером интерфейсов, графическим, веб-, моушн- и 3D-дизайнером, какие навыки им нужны и сколько можно зарабатывать.Начать учиться бесплатно

Самоучитель по Figma для начинающих

Похожие публикации