Что такое 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? Сделайте 2 простых действия.
1. Подпишитесь на рассылку и получите бесплатный урок по созданию дизайн макета сайта и 24 раздела бесплатно.
Перейдите по ссылке, чтобы получить материалы и видео урок на 60 минут бесплатно. Будем использовать фигму в комбинации с фотошопом.
По итогу этого урока у вас будет дизайн макет сайта Landing Page (посадочная страница) в вашем портфолио, который вы сможете показать вашим потенциальным заказчикам. Ниже пример.
2. Посмотрите бесплатный курс от проекта figma.center
Из чего будет состоять курс по Figma и какие будут уроки?
Курс по Figma будет состоять из множества уроков, от установки приложения до продвинутых функций. Это поможет шаг за шагом освоить программу с самых азов.
В следующем уроке, мы рассмотрим где скачать и как бесплатно установить программу фигма на ваш компьютер.
Автор видео и статьи: Владимир Чернышов.
Оригинал статьи находится по адресу: https://figma.center/kurs-po-figma-uroki-dlya-nachinayushhih-s-nulya-na-russkom/