Figma обучение и уроки
Уроки для начинающих. Исчерпывающие и бесплатные Figma уроки на русском для начинающих и опытных дизайнеров. Обучающая книга, онлайн туториалы и видеокурсы, документация, лайфхаки, советы, хитрости, плагины и многое другое.
Я рекомендую комплексно подходить к самостоятельному обучению Figma. Посмотрите различные обучающие материалы по Figma от разных авторов каналов YouTube, прочитайте книгу, изучайте статьи и лучшие практики. Как правило, бесплатное и самостоятельно обучение — это более долгий и тернистый путь. Лучше всего закончить платные онлайн курсы Figma. Если вы планируете заниматься фрилансом, веб-дизайном, хотите найти работу UI/UX дизайнером, образовательные онлайн школы будет самым эффективным решением. Во что вкладывать деньги выгоднее всего? Верно, в собственное развитие и рост. Когда вы развиваетесь, всё вокруг начинает расти вместе с вами: ваша карьера, качество жизни и способность управлять своей судьбой. Именно поэтому вкладываться в личностный рост, будь-то Hard skills или Soft skills — самое правильное решение на пути саморазвития.
Я желаю вам успехов в обучении Figma и потрясающих результатов. Пускай все ваши задумки, цели и планы сбываются. У вас все получится!
Что такое Figma?
Figma это онлайн-сервис для разработки интерфейсов и прототипирования с возможностью организации совместной работы в режиме реального времени.
Figma отлично подходит для UX/UI дизайна и бесчисленного количества экранов, имеет развитую дизайн-систему и возможность командной дизайн-работы.
Для начала обучения необходимо скачать Фигма приложение на компьютер, это бесплатно. Если вы еще не сделали это, то воспользуйтесь ссылками ниже.
Скачать 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 быстрый старт
Евгений Кузьмин (CEO & Art-director студии UPROCK, топ-26 в рейтинге веб-дизайнеров по версии Tagline) делится своим опытом в вебинаре, рисует крутой дизайн, и разбирает типичные ошибки дизайнеров
Как работать с плагинами в Figma
Полезный и интересный вебинар по работе с плагинами в Figma.
Как работать в Figma быстрее и продуктивнее
Супер полезные секреты, советы и лайфхаки от Бюро Горбунова.
Быстро работать в Фигме позволяет в первую очередь грамотное использование компонентов и построение макетов. Этому важно учиться, но для новичка не менее полезно будет освоить несколько горячих клавиш и трюков, которые не очевидны из интерфейса программы и не описаны в официальном туториале. Считаю важным о них рассказать, но отмечу, что в совете не будет ничего сверхъестественного. Это просто подсказки, которые помогут новичкам осваивать Фигму.
Книга «Руководство по Figma» от Саши Окунева
В книге 23 темы, среди которых: обзор интерфейса, шейпы, перо и векторные сети, градиенты всех типов с примерами, кадрирование и цветокоррекция, булевы группы, адаптивность, общие стили, компоненты, оверрайды и много чего ещё.
Эта электронная книга заложит солидную техническую базу для дальнейшего развития в дизайне мобильных приложений, сайтов и любых других продуктов. Рассматриваю 23 темы, среди которых: обзор интерфейса, шейпы, перо и векторные сети, градиенты всех типов с примерами, кадрирование и цветокоррекция, булевы группы, адаптивность, общие стили, компоненты, оверрайды и много чего ещё. Начинающие найдут здесь для себя правильный технический фундамент дальнейшего развития в дизайне. А те, кто работал в Скетче или Фотошопе, смогут максимально быстро перестроиться на новый редактор.
📘 Скачать книгу Руководство по Figma
Официальный сайта автора Саши Окунева
Официальные ресурсы Figma
Здесь вы можете найти множество Figma lessons на английском языке, которые помогут вам изучить Figma, повысить свои навыки проектирования и реализовать передовые методы, а также широкий спектр полезных ресурсов, созданных на основе Figma API для ускорения рабочего процесса.
Коллекция разделена на четыре основные категории:
Курсы
Курсы, учебники, руководства и контент, которые помогут вам улучшить свой дизайн и перейти от новичка к продвинутому пользователю.
Гайды и лучше практики
Руководства и статьи, которые помогут вам принять Figma, а также множество советов и передовых практик по настройке и организации вашей дизайн-системы в Figma.
Библиотека
Хотите ускорить свой рабочий процесс с помощью систем дизайна, наборов пользовательского интерфейса, наборов значков и других библиотек компонентов в Figma? Это место, где вы можете найти всевозможные бесплатные и премиальные ресурсы.
Плагины
Хотите построить что-то на Figma Plugins API или хотите расширить возможности для автоматизации рабочего процесса? Посмотрите плагины от сообщества Figma, они потрясающие.
Платные курсы Figma
Платные курсы — это это эффективный и быстрый способ изучить Figma, получить сертификат для будущей работы, сделать первые работы для портфолио, это поддержка сообщества, вопросы и ответы учителей, фидбеки и многое другое.
Онлайн-курс: Figma
Онлайн-курс «Наука Интерфейсов» от Наука Дизайна
«Онлайн-курс по Figma» от HEDU
«Вводный курс по работе с графическим редактором Figma» от Geekbrains
Экспресс-курс «Figma с нуля» от W.D.i
Бесплатные курсы Figma онлайн
Бесплатный онлайн-курс с чатом в Телеграм
«Веб-дизайн в Figma с нуля и не только»
Бесплатный онлайн курс Figma "Краткий обзор программы Figma и основных инструментов."
Игорь Колесень, Школа дизайна - UX Mind School
«Бесплатный курс по Фигме» от автора проекта Хелп по Фигме
20 различныйх видеоуроков.
Официальное сообщество Figma в России
Место для дизайнеров разного уровня от новичков до лидеров, разработчиков, маркетологов и владельцев продукта, а так же всем желающим. Главная цель группы - делиться опытом, знаниями, помогать друг другу в поиске интересных проектов, делиться ошибками из прошлого опыта. Мы поддерживаем инициативу, есть ли у вас есть идеи как улучшить сообщество Figma в Москве, пишите, обязательно будем обсуждать.
Кому будет полезно:
- Молодым специалистам которые только начинают свою карьеру в дизайне;
- Разработчикам, которые хотят разговаривать на ТЫ с дизайнерами, или хотят упростить процесс коммуникации;
- Разработчикам которым интересно разрабатывать плагины для Фигмы;
- Владельцам продукта - которые хотят понимать дизайнеров в проекции интерфейсов и дизайна;
Ссылки на социальные сети:
https://www.facebook.com/fofmoscow
https://t.me/fof_moscow
https://www.instagram.com/fofmoscow
Полезные ресурсы по Figma
Если вы решили обучаться Figma и развиваться в этои направлении, будет не лишним подписаться на полезные ресурсы по Figma. Вам необходимо быть в одном информационном потоке Figma сообществ и новостей. Так вы сможете развиваться еще эффективнее, каждый день узнавать что-то новое и расширять свои границы знаний.
Официальный инстаграm Figma
Исследуйте большое количество артов от пользователей сообщества Figma
Официальная страница Figma в Facebook
Самые главные новости Figma, полезные статьи и материалы.
Официальный Twitter 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
Фигма-чат — это тяжёлая артиллерия. Он существует, чтобы помогать дизайнерам в сложных вопросах, касающихся Фигмы.
Ты сталкиваешься с проблемой, которую не можешь решить сам, задаёшь вопрос иполучаешь ответ от любого участника. Опытные дизайнеры могут узнать тут новости и поделиться опытом.