Figma — онлайн-сервис для разработки интерфейсов и прототипирования с возможностью организации совместной работы в режиме реального времени.
Да уж, заслуг фигмы куча, а что на деле?
Фигма это удобнейший в первую очередь инструмент для создания интерфейсов. То, что есть в плане ФУНКЦИЙ у фигмы сейчас позволяет создавать UX/UI со скоростью света и сопровождая это приятными и крутыми плагинами и интерфейсом.
А какие есть плюсы и минусы?
Плюсы Фигмы:
- ОНА БЕСПЛАТНАЯ. Да, ФИГМА распространяется и даёт возможность использовать все свои функции абсолютно бесплатно.
- Принцип работы: НАРИСОВАЛ - СВЕРСТАЛ. Проще чем в ФШ, верно?)
- Работа в команде.
- РАБОТА В ОБЛАКЕ. Всё сохраняется в облачном хранилище и не занимает места на вашем компьютере.
- Стороние плагины
- Анимации
Минусы Фигмы:
- Нужен постоянный доступ в Интернет.
- Не очень корректный импорт.
- Нет системы тэгов чтобы упростить работу в команде.
- Для полноценной работы в команде не хватит обычной бесплатной версии.
- НЕТ версии под Линукс
После относительно недавних обновлений в фигме появилось другое ответление, так называемое FigJam которое представляет из себя пустую белую доску которую можно использовать как для разработки RoadMaps, MindMaps, и просто как доску для заметок или списка задач.
Сначала рассмотрим классическое использвоание фигмы как дизайн инстуремнта. Поэтому мы нажимаем на "СИНЮЮ КНОПОЧКУ" и перед нами появляется главный экран.
Здесь мы можем уже начинать создавать наши первые уникальные интерфейсы или же просто каракули.
Лента инструментов позволяет нам создавать:
- Фигуры. (Прямоугольники, Звезды, Треугольники, Эллипсы)
- Фреймы. Проще сказать области для работы
- Вектор. Можно построить любое векторное чудо
- Текст.
Поле со слоями поможет вам:
- Группировать слои.
- Создавать поле для работы (фрейм) из слоя.
- Перемещать слои между собой.
- Объединять несколько слоев в один.
- ... (фунций очень много, перечислил лишь основные которыми пользуюсь лично я)
Во вкладе дизайн вы можете:
(Ох, ну тут держитесь) (Вторые две вкладки не буду, они иногда и не нужны в принципе)
- Менять ориентацию слоя.
- Менять размеры слоя.
- Цвета слоя.
- Размер текста.
- ...
Вы точно хотите еще дальше читать об этом? - Конечно, нет. Всякие тонкости лучше посмотрите видео гайд.
Я вам лишь рассказал что это, почему это и основные возможности, мои дорогие!
Кстати вот бомбезные видео/каналы которые я изучал в начале пути:
Канал человека который сделал видео под номером 1 стоит изучить, так как там очень много полезной информации.
(скачать фигму с оф. сайта тут)
Буду рад вашему лайку! <3