Figma обучение и уроки
Уроки

Figma обучение и уроки

Egor Komarov
Egor Komarov

Оглавление

Уроки для начинающих. Исчерпывающие и бесплатные Figma уроки на русском для начинающих и опытных дизайнеров. Обучающая книга, онлайн туториалы и видеокурсы, документация, лайфхаки, советы, хитрости, плагины и многое другое.

Я рекомендую комплексно подходить к самостоятельному обучению Figma. Посмотрите различные обучающие материалы по Figma от разных авторов каналов YouTube, прочитайте книгу, изучайте статьи и лучшие практики. Как правило, бесплатное и самостоятельно обучение — это более долгий и тернистый путь. Лучше всего закончить платные онлайн курсы Figma. Если вы планируете заниматься фрилансом, веб-дизайном, хотите найти работу UI/UX дизайнером, образовательные онлайн школы будет самым эффективным решением. Во что вкладывать деньги выгоднее всего? Верно, в собственное развитие и рост. Когда вы развиваетесь, всё вокруг начинает расти вместе с вами: ваша карьера, качество жизни и способность управлять своей судьбой. Именно поэтому вкладываться в личностный рост, будь-то Hard skills или Soft skills — самое правильное решение на пути саморазвития.

Я желаю вам успехов в обучении Figma и потрясающих результатов. Пускай все ваши задумки, цели и планы сбываются. У вас все получится!

Что такое Figma?

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

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

Обучение Figma. Уроки онлайн бесплатно.

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

Скачать Figma

Figma Desktop

Скачать Figma для macOS
Скачать Figma для Windows

Figma Mirror

Для того, чтобы отображать и просматривать макеты Figma на мобильных устройствах необходимо скачать Figma Mirror. Figma Mirror доступен для Андроида и Айфона и совершенно бесплатный.

Скачать Figma Mirror for iOS
Скачать Figma Mirror for Android

Font Installers Figma

Также необходимо поставить установщик шрифтов, он же Font Installers Figma. Он необходим для использования кастомных шрифтов в проекте.

Скачать macOS Figma Font Installer
Скачать Windows Figma Font Installer

Видеокурс по Figma

Бесплатный подробный видеокурс Figma online из 15 уроков от «Наука дизайна».

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

Обзор интерфейса

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

Figma бесплатный видеокурс: интерфейс

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

Figma уроки

Фреймы и слайсы

Figma уроки для начинающих

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

Figma уроки на русском

Кривые и перо

Figma уроки бесплатно

Слои и маски

Figma tutorial

Текст

Цвет

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

Стили

Ограничители

Компоненты

z

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

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

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


Figma быстрый старт


Евгений Кузьмин (CEO & Art-director студии UPROCK, топ-26 в рейтинге  веб-дизайнеров по версии Tagline) делится своим опытом в вебинаре, рисует крутой дизайн, и разбирает типичные ошибки дизайнеров

Figma обучение быстрый сайт
Как создать стильный сайт в Figma

Как работать с плагинами в Figma

Полезный и интересный вебинар по работе с плагинами в Figma.

Как работать в Figma быстрее и продуктивнее

Супер полезные секреты, советы и лайфхаки от Бюро Горбунова.

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

Как работать в Фигме быстрее
Как работать в Фигме быстрее
Как работать в Фигме быстрее. Часть 2
Как быстро выделять, перемещать, изменять размеры объектов в Фигме и работать с панелью слоёв. Сегодня рассмотрим, как ускорить работу с объектами и интерфейсом программы.
Как работать в Фигме быстрее. Часть 3
В прошлый раз мы рассмотрели, как ускорить работу с объектами и интерфейсом программы. Сегодня — заключительная часть совета про горячие клавиши и трюки, которые помогают работать в Фигме быстрее. Можно создать несколько компонентов одновременно. Для этого выберите объекты, которые хотите превратить…
Заключительная часть совета про горячие клавиши и трюки, которые помогают работать в Фигме быстрее.

Книга «Руководство по Figma» от Саши Окунева

Книга «Руководство по Figma» от Саши Окунева
Книга «Руководство по Figma» от Саши Окунева

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

Эта электронная книга заложит солидную техническую базу для дальнейшего развития в дизайне мобильных приложений, сайтов и любых других продуктов. Рассматриваю 23 темы, среди которых: обзор интерфейса, шейпы, перо и векторные сети, градиенты всех типов с примерами, кадрирование и цветокоррекция, булевы группы, адаптивность, общие стили, компоненты, оверрайды и много чего ещё. Начинающие найдут здесь для себя правильный технический фундамент дальнейшего развития в дизайне. А те, кто работал в Скетче или Фотошопе, смогут максимально быстро перестроиться на новый редактор.

📘 Скачать книгу Руководство по Figma

Официальный сайта автора Саши Окунева


Официальные ресурсы Figma

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

Коллекция разделена на четыре основные категории:

Курсы

Курсы, учебники, руководства и контент, которые помогут вам улучшить свой дизайн и перейти от новичка к продвинутому пользователю.

Гайды и лучше практики

Руководства и статьи, которые помогут вам принять Figma, а также множество советов и передовых практик по настройке и организации вашей дизайн-системы в Figma.

Библиотека

Хотите ускорить свой рабочий процесс с помощью систем дизайна, наборов пользовательского интерфейса, наборов значков и других библиотек компонентов в Figma? Это место, где вы можете найти всевозможные бесплатные и премиальные ресурсы.

Плагины

Хотите построить что-то на Figma Plugins API или хотите расширить возможности для автоматизации рабочего процесса? Посмотрите плагины от сообщества Figma, они потрясающие.

Community Resources Hub
Assets, courses, guides, and more! Made by the Figma community, for the community.
Бесплатные ресурсы Figma. Уроки, учебники, шаблоны, готовые проекты, дизайн-системы

Платные курсы Figma

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

Онлайн-курс: Figma

Онлайн-курс: Figma
Изучаем самый популярный инструмент среди дизайнеров путем создания своего первого прототипа

Онлайн-курс «Наука Интерфейсов» от Наука Дизайна

Онлайн-курс Наука Интерфейсов
Онлайн-курс по дизайну интерфейсов от науки дизайна

«Онлайн-курс по Figma» от HEDU

Онлайн-курс по Figma
Научитесь разработке интерфейсов и прототипированию в Figma, и получите работу в области веб-дизайна, пройдя онлайн-курс по Figma

«Вводный курс по работе с графическим редактором Figma» от Geekbrains

Вводный курс по работе с графическим редактором Figma. Современный и понятный инструмент для системного подхода к созданию диджитал продуктов. | Обучение программированию онлайн на GeekBrains | GeekBrains - образовательный портал

Экспресс-курс «Figma с нуля» от W.D.i

WDI Design School — школа огненного визуала
Освой профессию дизайнера,
научись создавать топовый визуал
для веб, мобайл, рекламы

Бесплатные курсы Figma онлайн

Бесплатный онлайн-курс с чатом в Телеграм

«Веб-дизайн в Figma с нуля и не только»

Уроки Figma. Справочник, курсы, уроки, учебник.
Уроки по программе Figma. Статьи, видео и курсы.

Бесплатный онлайн курс Figma "Краткий обзор программы Figma и основных инструментов."

Игорь Колесень, Школа дизайна - UX Mind School

Уроки Figma
Geniet van je favoriete video’s en muziek, upload originele content en deel alles met vrienden, familie en anderen op YouTube.

«Бесплатный курс по Фигме» от автора проекта Хелп по Фигме

20 различныйх видеоуроков.

Хелп по Фигме | Хелп по Фигме на русском от одного энтузиаста :) Видео, заметки, ответы — вот это вот все

Официальное сообщество Figma в России

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

Кому будет полезно:

  • Молодым специалистам которые только начинают свою карьеру в дизайне;
  • Разработчикам, которые хотят разговаривать на ТЫ с дизайнерами, или хотят упростить процесс коммуникации;
  • Разработчикам которым интересно разрабатывать плагины для Фигмы;
  • Владельцам продукта - которые хотят понимать дизайнеров в проекции интерфейсов и дизайна;

    Ссылки на социальные сети:
    https://www.facebook.com/fofmoscow
    https://t.me/fof_moscow
    https://www.instagram.com/fofmoscow
Moscow | Figma
Friends of Figma

Полезные ресурсы по Figma

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

Официальный инстаграm Figma

Исследуйте большое количество артов от пользователей сообщества Figma

Официальный инстаграm Figma
Официальный инстаграm Figma

Официальная страница Figma в Facebook

Самые главные новости Figma, полезные статьи и материалы.

Официальный Twitter Figma

Подписывайтесь и получайте много всего интересного.

Telegram канал Figma

Все самое необходимое для работы

Telegram канал Figma
  • Лучшие плагины для Figma
  • Бесплатные исходники для Figma
  • Наборы экранов для Figma
  • Генераторы для Figma
  • UI Kits для Figma
  • Wireframes  для Figma
  • Шаблоны, макеты, иконки Figma
  • Шрифты для Figma
  • Модульные сетки Figma
  • Мокапы

Все это можно найти и скачать совершенно бесплатно, подписавшись на канал  Figma Design.

Телеграм канал Figma Tips

Все о Фигме. Новости, подсказки, обзоры функционала, горячие клавиши, ресурсы. Без воды и левых ссылок.

Нужна помощь по Figma?

Все вопросы можно направить на официальную почту тех. поддержки Figma support@figma.com

А так же если у вас появился сложный вопрос по Figma, то вы можете присоединиться к Telegram рабочему чату 💬 Figma Chat

Фигма-чат — это тяжёлая артиллерия. Он существует, чтобы помогать дизайнерам в сложных вопросах, касающихся Фигмы.
Ты сталкиваешься с проблемой, которую не можешь решить сам, задаёшь вопрос иполучаешь ответ от любого участника. Опытные дизайнеры могут узнать тут новости и поделиться опытом.