Курс по Figma. Уроки для начинающих с нуля на русском
Уроки

Курс по Figma. Уроки для начинающих с нуля на русском

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

Курс по Figma для начинающих. Ниже вступительное видео и краткий обзор программы и её возможностей.

Краткий обзор возможностей Figma.

Структура курса и доступные уроки:

  1. Где скачать и как установить программу Figma на компьютер?
  2. Как пользоваться Figma? Обзор программы за 20 минут.
  3. Frame — подробный разбор инструмента

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

P.S. Проект и автор не связан с компанией Figma (Not affiliated with Figma).