figma обучение на русском бесплатно
20 бесплатных онлайн-курсов по Figma
Для начинающих с нуля в 2021 году.
1. «Figma. Начальный уровень» от GeekBrains
Длительность: 5 уроков, каждый по 30 минут.
Формат: видеоуроки + домашние задания.
Программа обучения:
Чему научитесь: пользоваться графическим редактором Figma на базовом уровне и с его помощью делать несложные макеты сайтов.
Преподаватель: Илья Полянский. Ведущий дизайнер цифровых продуктов в «Почте России». Опыт работы — 7 лет.
💰 На правах рекламы. «Профессия UX/UI-дизайнер» от Contented 💰
Продолжительность курса: 9 месяцев.
Документ об окончании: удостоверение о повышении квалификации установленного образца.
Формат: видеоуроки + домашние задания с проверкой и обратной связью от личного наставника + общение с другими студентами в закрытом комьюнити + удалённая стажировка.
Программа обучения:
Чему научитесь:
2. «Основы Figma» от «Нетологии»
Длительность: 16 лекций общей продолжительностью 17 часов, 7 из них уделено теории, а оставшиеся практике.
Формат: видеолекции и упражнения.
Программа:
Чему научитесь:
3. «Бесплатный курс: Веб-дизайн с нуля» от YouTube-канала «Уроки Web, Mobile и UI/UX дизайна в Figma»
Длительность: 84 урока, продолжительность от 10 секунд до 10 минут.
Формат: видеоуроки.
Программа обучения: студенты рассмотрят все аспекты работы с Фигмой, начиная от установки и запуска программы и заканчивая проектированием адаптивного дизайна.
Чему научитесь:
4. «Курс Figma» от YouTube-канала «Наука Дизайна»
Длительность: 15 уроков, продолжительность каждого 5–25 минут.
Формат: видеоуроки.
Программа обучения: манипуляции с объектами, слои и маски, сетки и направляющие, а также другие темы, которые необходимо знать для прототипирования.
Чему научитесь:
5. «Уроки Figma» от UX Mind School
Длительность: 12 уроков, продолжительность 5–20 минут.
Формат: видеоуроки.
Программа обучения: слушатели узнают об азах работы с популярнейшим графическим редактором, а также несколько лайфхаков от профессионального веб-дизайнера.
Чему научитесь:
6. «Бесплатный подробный курс по Фигме» от Алексея Бычкова
Длительность: 21 урок, продолжительность 5–25 минут.
Формат: видеоуроки.
Программа обучения: студентам предстоит познакомиться с Figma и понять принцип её работы. Основные темы: панель слоев, модульная сетка, привязки, цвет, эффекты. Слушатели узнают, как установить плагины в Фигме и как создать ссылку на проект.
Чему научитесь:
Автор курса: Алексей Бычков — дизайнер со стажем более 17 лет. Автор двух книг по дизайну. Основал онлайн-школу по веб-дизайну.
7. «Figma» от Алексея Бычкова
Длительность: 36 уроков, продолжительность 2–40 минут.
Формат: видеоуроки.
Программа обучения: учащиеся узнают о различных плагинах для Фигмы, в том числе и FigJam. Также слушатели узнают о «фишках» профессионального веб-дизайнера. В конце курса преподаватель на примерах покажет, почему Figma лучше, чем Photoshop.
Чему научитесь:
Автор курса: Алексей Бычков.
8. «Уроки Figma» от Дениса Тимошицкого
Длительность: 22 урока, продолжительность 2–36 минут.
Формат: видеоуроки.
Программа обучения: в курс включены создание логотипа, дизайна мобильного приложения и многостраничного сайта. Студенты узнают о компонентах Фигмы, создании якорных ссылок и горячих клавишах.
Чему научитесь:
9. «Дизайн многостраничного сайта в Figma» от Дениса Тимошицкого
Длительность: 17 уроков, продолжительность 20–35 минут.
Формат: видеоуроки.
Программа обучения: на курсе детально рассматривается тема проектирования многостраничного сайта с помощью Фигмы.
Чему научитесь:
10. «Дизайн интернет-магазина в Figma» от Дениса Тимошицкого
Длительность: 8 уроков, продолжительность 10–40 минут, также есть видео, которое длится 70 минут.
Формат: видеоуроки.
Программа обучения: в курс включены отрисовка главной страницы, каталога и карточек товаров, служебных страниц. Также студенты рассмотрят создание UI-кита — инструмента, ускоряющего разработку дизайна.
Чему научитесь:
11. «Проектирование и дизайн мобильного приложения» от Дениса Тимошицкого
Длительность: 15 уроков, продолжительность 15–25 минут.
Формат: видеоуроки.
Программа обучения: слушатели узнают о нюансах проектирования дизайна мобильных приложений.
Чему научитесь:
12. «Дизайн и вёрстка из Figma в HTML + CSS + JS» от Дениса Тимошицкого
Длительность: 5 уроков, продолжительность 17–40 минут.
Формат: видеоуроки.
Программа обучения: на курсе подробно разбирается создание первого экрана сайта и его последующая вёрстка.
Чему научитесь:
13. «Бесплатные уроки по Figma» от Евгения Смольского
Длительность: 20 уроков, продолжительность 2–17 минут.
Формат: видеоуроки.
Программа обучения: студенты узнают о горячих клавишах, которые ускорят работу в Фигме. Познакомятся со стилями, с компонентами и размытым градиентом. Также в курс включены занятия по созданию дизайна мобильного приложения.
Чему научитесь:
14. «Уроки Figma» от Moscow Digital Academy
Длительность: 12 уроков, продолжительность 4–27 минут, также есть один ролик, который идёт 60 минут.
Формат: видеоуроки.
Программа обучения: студенты познакомятся с Фигмой, создадут первый прототип и превратят его в красивый сайт.
Чему научитесь:
15. «Уроки Figma» от YouTube-канала Disarto
Длительность: 29 уроков, продолжительность 5–50 минут.
Формат: видеоуроки.
Программа обучения: проектирование музыкального приложения, прототипирование и анимация. Детальный курс, в котором рассматриваются темы, необходимые для понимания Фигмы, в том числе фреймы и группы, слои и ограничения, стили и сетки. Учащиеся рассмотрят различные плагины Figma и научатся их использовать в работе.
Чему научитесь:
16. «Уроки Figma» от Figma.Center
Длительность: 107 уроков, основная часть роликов длится 1–5 минут, но есть и несколько больших видеоуроков по 30–60 минут.
Формат: видеоуроки.
Программа обучения: максимально подробный курс, на котором рассматриваются все темы, нужные для работы с Фигмой. Слушатели узнают, что такое мокапы, прототипы и варфреймы. Познакомятся с плагинами.
Чему научитесь:
17. «Уроки Figma» от GloryANT
Длительность: 12 уроков, продолжительность 4–8 минут.
Формат: видеоуроки.
Программа обучения: в курс включены фигуры, слои, сетка, ограничители, стили и эффекты. Также учащиеся познакомятся с FigJam.
Чему научитесь:
18. «Figma уроки» от Амира Исламова
Длительность: 13 уроков, продолжительность 5–25 минут.
Формат: видеоуроки.
Программа обучения: слушатели познакомятся с Фигмой, создадут свой первый сайт, научатся пользоваться различными плагинами и узнают о лайфхаках, облегчающих работу.
Чему научитесь:
19. «Уроки Figma для новичков и джедаев» от Виктора Теплова
Длительность: 35 уроков, продолжительность 1–25 минут.
Формат: видеоуроки.
Программа обучения: курс познакомит учащихся с различными секретными техниками профессионального дизайнера и расскажет о плагинах, упрощающих работу. Главные темы: умные таблицы, компоненты, Auto Layout, иконки и логотипы. Слушатели смогут оптимизировать рабочий процесс и создавать дизайн быстрее.
Чему научитесь:
20. «Уроки по Figma» от YouTube-канала «Дизайн Легко!»
Длительность: 11 уроков, продолжительность 20–50 минут.
Формат: видеоуроки.
Программа обучения: в курс включены артборды, модульная сетка, градиенты, маски. Студенты узнают, как правильно размещать текст и создавать векторные формы.
Чему научитесь:
Профессиональный копирайтер. Более 100+ работ в портфолио. Пишу про онлайн-образование.
Курс по Figma. Уроки для начинающих с нуля на русском
Бесплатный курс и серия видео по работе в программе Figma для начинающих с нуля на русском языке. Уроки подойдут для веб и UI/UX дизайнеров, которые хотят освоить этот инструмент с самых основ.
Курс по Figma для начинающих. Ниже вступительное видео и краткий обзор программы и её возможностей.
Структура курса и доступные уроки:
Figma — что это за программа и зачем она нужна?
Figma — это графический онлайн редактор для проектирования и дизайна интерфейсов, сайтов и мобильных приложений с возможностью совместной работы над проектом.
Программа подойдет вам если вы связаны с веб-дизайном, разработкой мобильных приложений, сайтов, landing page, интернет магазинов и т.д. За последнее время фигма набирает огромную популярность среди дизайнеров.
12 причин почему стоит обратить внимание на Figma и использовать её в своей работе
1. Скорость работы
Программа работает очень быстро, даже при работе над большими проектами и на слабых компьютерах. Есть возможность работать напрямую из браузера или в приложении, которое можно установить на компьютер.
2. Большой функционал в бесплатной версии Figma
Если вы работаете в одиночку, то вам будет достаточно бесплатной версии программы. В ней довольно большой функционал и возможности для работы. Конечно в платной версии намного больше функций, но большинство людей используют именно бесплатную версию и её хватит на начальном этапе.
3. Командная работа
Есть возможность работать над проектами совместно с другими людьми. В бесплатном тарифе над проектами можно работать вдвоем. Если хотите расширить команду, то обратите внимание на платный тариф.
4. Автоматическое сохранение
Проекты сохраняются автоматически в облаке на серверах Figma. Не нужно переживать, что внезапно отключат свет или пропадет интернет и вся работа пойдет на смарку.
5. История версий
Если вы хотите отмотать проект назад, то на бесплатном тарифе есть возможность просмотреть историю и восстановить любую версию за последние 30 дней. В платной версии история сохраняется неограниченный срок.
6. Удобно демонстрировать работу
Вы можете просто скопировать ссылку на свой проект и дать её заказчику или любому другому человеку.
7. Интерактивные прототипы
Можно создавать интерактивные кликабельные прототипы, всплывающие формы и т.д. Например это может помочь лучше продемонстрировать вашу работу заказчикам.
8. Возможность комментирования.
Можно добавлять комментарии к проекту. Если кто-то оставит комментарий в вашей работе, то уведомление об этом придет к вам на email и вы увидите его в интерфейсе фигмы.
9. Бесплатные файлы для работы
Можно найти огромное количество бесплатных плагинов и файлов для работы от сообщества фигмы, которые помогут вам работать быстрее. Это дизайн системы, UI киты, Wireframe, иллюстрации, иконки, файлы для веб дизайна и дизайна мобильных приложений.
10. Компоненты
Есть возможность создавать так называемые компоненты. Это специальные элементы, которые можно редактировать в массовом порядке. Например если вы создадите кнопку, сделаете из неё компонент, а затем скопируете её, то при редактировании главного компонента, копии также будут меняться. Это сильно упрощает работу и экономит время. В курс по Figma будет включен подробный урок по работе с компонентами.
11. Стили текста и графики
Также есть возможность создавать стили текста или графики и использовать их повторно.
12. Auto Layout
Эта функция позволит сэкономить время на выравнивании и перестраивать элементы дизайна автоматически. Например возьмем простую форму. В ней настроена функция auto layout, если продублировать поле, то все перестроиться автоматически и ничего не придется двигать вручную. Аналогично дело обстоит с кнопками. Если в кнопке настроена эта функция, то при изменении текста, отступы перестраиваются автоматически.
Это лишь малая часть возможностей подробнее о которых мы будет говорить в этом курсе. В уроках мы разберем базовые возможности программы, рассмотрим её интерфейс и то как в ней работать.
Из чего будет состоять курс по Figma и какие будут уроки?
Курс по Figma будет состоять из множества уроков, от установки приложения до продвинутых функций. Это поможет шаг за шагом освоить программу с самых азов.
В следующем уроке, мы рассмотрим где скачать и как бесплатно установить программу фигма на ваш компьютер.
Портал об онлайн-образовании
Figma — это удобный и функциональный редактор, с помощью которого можно создавать интерактивные прототипы мобильных приложений и сайтов, а также элементы интерфейса и векторные иллюстрации.
На онлайн курсах по Figma вы научитесь эффективно использовать инструменты редактора, создавать приложения, находить заказчиков и продуктивно взаимодействовать с ними. Вас научат работать со слоями и эффектами, вы сможете создать свой логотип. Также на курсах вы разберете основные ошибки веб-дизайнеров.
Мы собрали все курсы по Figma, пройдя которые, вы получите новую компетенцию.
Нетология
Основы Figma
На практике освоите базовые инструменты популярного графического редактора — бесплатно.
Во время обучения вы выполните 16 заданий и получите необходимую базу для работы в Figma. Макеты сайта, мобильного приложения, рекламные изображения для соцсетей — всё это может стать частью вашего портфолио.
Научитесь работать с ключевыми инструментами Figma:
Skillbox
Онлайн-курс Figma 2.0
Вы освоите популярный сервис для разработки интерфейсов Figma. Сможете создавать дизайн-проекты, делать прототипы и использовать этот инструмент для командной работы. Станете более востребованным дизайнером в Digital.
Кому подойдёт этот курс?
Новичкам в дизайне
Освоите Figma с нуля. Научитесь создавать иконки, работать с сетками, настраивать фреймы и направляющие. Сделаете черновой дизайн за 45 минут и добавите первый кейс в портфолио.
Дизайнерам интерфейсов
Научитесь использовать плагины и библиотеки, работать с эффектами и вложенными компонентами. Оптимизируете рабочий процесс. Добавите в резюме новый навык, повысите качество работ и сможете больше зарабатывать.
Чему вы научитесь
Udemy
Figma – это самая перспективная программа для веб дизайна в наше время. Она объединила в себе самые передовые инструменты разработки дизайна сайтов и уже на голову опережает конкурентов.
Одним из самых из самых важных плюсов фигмы является простота использования и легкость в освоении. Так же не стоит забывать, что такими продвинутым инструментом будущее. Все больше дизайнеров и компаний по всему миру переходят на Figma.
Что вы изучите на курсе?
Contented
Figma — это самый популярный инструмент в мире для создания интерфейсов. Он бесплатный и простой в освоении. Вас научат пользоваться Figma так, чтобы к концу курса вы могли самостоятельно разработать интерактивный интерфейс.
Курс разработан так, что вы изучаете Figma сразу в процессе рисования дизайна. Так, шаг за шагом, вы на практике ознакомитесь с полным функционалом Figma и сможете положить работу в портфолио.
Программа курса:
Tilda School
Курс поработев FigmaЗа. 13 кратких и простых уроков вы разберетесь с основными моментами работы в Фигме и переносом дизайна в Тильду
Зачем нужна — Фигма?
GeekUniversity
Этот курс оригинален и полностью повторяет материал платных программ обучения. Вы получаете тот же материал, что и студенты, включая домашнее задание в некоторых видеоуроках. Рекомендуется использовать его для саморефлексии и проверки знаний тогда, когда вам это удобно. Проверка выполненного задания преподавателем не предусматривается.
Это бесплатная часть курса. Теперь вам доступны видеоуроки и домашние задания, которые проходят студенты GeekUniversity. Вы можете оценить их, освоить вводные темы и понять, хотите ли учиться на факультете дизайна. Если решитесь — получите намного больше: гарантию трудоустройства, живое общение с преподавателями, вебинары, проверку выполненных заданий и многое другое. Будем рады видеть вас среди студентов.
Figma.info
Обучающие уроки по Figma
В данной категории вы найдете обучающие уроки по Figma на русском языке. Обучение Фигме вы можете начать с любого урока, каждый из которых раскрывает одну или несколько функций программы. Если вы хотите пройти комплексное обучение, то рекомендую пройти бесплатный курс.
Уроки:
BangBangEducation
Практический курс ведущего продуктового дизайнера Mail.ru Павла Прошина о функционале инструмента Figma. Это современный онлайн-сервис для разработки интерфейсов и прототипирования, в котором можно работать совместно с командой в режиме реального времени. Отличие и преимущество Figma в том, что полноценно работать в программе можно прямо в браузере.
Кому подойдет курс?
Всем, кто хочет познакомиться с этим сервисом и расширить свои навыки.
Чему вы научитесь?
Course Hunter
Вы хотите стать дизайнером UI / UX, но не знаете с чего начать? Этот курс позволит вам развить свои навыки проектирования пользовательского интерфейса, а также добавить дизайнера пользовательского интерфейса в свое резюме и начать привлекать клиентов для ваших навыков.
Сначала на протяжении всего курса вы узнаете обо всех основах проектирования, элементах пользовательского интерфейса, типографии и т. д., А затем вы будете вместе с преподавателями работать над реальными проектами.
Более того, вы разработаете финансовое приложение с нуля, и преподаватель поделится с вами всеми необходимыми приемами и скрытыми секретами, необходимыми для мобильного приложения и веб-дизайна. Этот курс был разработан для людей, совершенно не знакомых с дизайном UI / UX или дизайном в целом. Обучение начнется с самых основных принципов и будет идти постепенно, шаг за шагом.
Учебный центр «Специалист»
Этот курс предназначен для специалистов, которые хотят овладеть современным и востребованным инструментом Figma. Курс дает обзорные знания по Figma, способах работы. Практикум курса представляет собой сквозной кейс по созданию прототипа, различных элементов сайта, дизайна сайта, дизайна интерфейса, что позволит делать с легкостью решать различные задачи в области дизайна с помощью Figma.
Аудитория курса:
Вы научитесь:
Специалисты, обладающие этими знаниями и навыками, в настоящее время крайне востребованы. Большинство выпускников курсов делают успешную карьеру и пользуются уважением работодателей.
Photoshop Master
Начните осваивать карьеру веб-дизайнера с новым онлайн-сервисом Figma. Даниил Волосатов — веб-дизайнер «Фотошоп-мастер», подготовил для вас подробные уроки.
Содержание курса:
Клуб робототехники «Пиксель»
Вы познакомитесь с миром веб-дизайна, освоите популярные графические редакторы Photoshop и Figma. Научитесь создавать макеты сайтов и сможете сделать свои полноценный проект.
В курсе «Веб-дизайн» предоставляется обширная база знаний в сфере веб-разработки. Вы освоите популярные программы Figma и Photoshop, научитесь проектировать и создавать собственные лендинги (одностраничные сайты), которые сейчас имеют огромную популярность у заказчиков.
Вы научитесь:
Курс состоит из 12 занятий, которые поэтапно научат вас создавать собственные лендинги и ответят на вопросы: что такое лендинг, как используется, чем отличается от обычного сайта, и как работает.
Программа курса по Figma
Урок № 1 — Знакомство с Figma
Фигма как современный инструмент разработки интерфейсов. Основы работы в данной программе, ее преимущество для дизайнера.
Урок № 2 — Возможности Figma. Инструментарий программы
Изучение всех особенностей и свойств инструментов Figma.
Урок № 3 — Компоненты и прототипирование
Познаем все нюансы и скрытые фишки программы, а так же рассмотрим возможности крутого прототипирования интерфейса.
Урок № 4 — Бог Фи
Тайные знания применяем в практике, создаем интерфейс приложения в Фигме.
Урок № 5 — Дизайн сайта
На пятом уроке разговор будет об этапах создания сайта и их взаимосвязи.
Урок № 6 — Закрепляющий урок. Создаем дизайн своего приложения
На шестом уроке — практика по созданию веб-приложения при помощи Figma.
Habr Blockchain
Этот курс полностью повторяет материал платных программ обучения GeekBrains. Он рекомендуется для саморефлексии и проверки знаний тогда, когда вам это удобно. Проверка выполненного задания преподавателем не предусматривается
Программа курса:
Onskills
Онлайн-курс по работе в Figma с получением сертификата. Научись работать с самым быстрым, эффективным и востребованным инструментом в области дизайна и зарабатывай на этом.
Ваши перспективы после курса по Figma:
По окончанию обучения вы получите сертификат, подтверждающий, что вы прослушали 6 уроков онлайн-курса. Академия имеет лицензию министерства образования РФ на оказание образовательных услуг. Лицензия подтверждает соответствие образовательным стандартам и гарантирует высокое качество курсов.