Найти тему
Веб-дизайн – уроки

Figma — что это за программа?

Оглавление

Что такое Figma и что из себя представляет эта программа?

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

Программа подойдет вам если вы связаны с веб-дизайном, разработкой мобильных приложений, сайтов, landing page, интернет магазинов и т.д. За последнее время фигма набирает огромную популярность среди дизайнеров.

Пример созданного сайта в Figma
Пример созданного сайта в Figma
Пример мобильного приложения в Figma
Пример мобильного приложения в Figma

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? Сделайте 2 простых действия.

1. Подпишитесь на рассылку и получите бесплатный урок по созданию дизайн макета сайта и 24 раздела бесплатно.

Перейдите по ссылке, чтобы получить материалы и видео урок на 60 минут бесплатно. Будем использовать фигму в комбинации с фотошопом.

По итогу этого урока у вас будет дизайн макет сайта Landing Page (посадочная страница) в вашем портфолио, который вы сможете показать вашим потенциальным заказчикам. Ниже пример.

Вот, что получится по итогам урока.
Вот, что получится по итогам урока.

2. Посмотрите бесплатный курс от проекта figma.center

Из чего будет состоять курс по Figma и какие будут уроки?

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

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

Автор видео и статьи: Владимир Чернышов.
Оригинал статьи находится по адресу:
https://figma.center/kurs-po-figma-uroki-dlya-nachinayushhih-s-nulya-na-russkom/