Что такое Figma и кому нужен сервис | Статьи SEOnews

Что такое Figma и кому нужен сервис | Статьи SEOnews
Анастасия Максименко Проэктировщик SMM Ingate

Что такое Figma? 

Figma – онлайн-сервис, сделанный сначала для веб- и UX/UI-дизайнеров. В главном в Figma творят макеты и дизайн-макеты страниц, интерфейсы мобильных прибавлений, корпоративных порталов. Работать можнож как в браузерной версии сервиса, так и в десктопной – для этого необходимо скачать Figma на комп (ссылка на оф. сайт для скачивания: https://www.figma.com/downloads) . 

Рабочее место Figma чрезвычайно комфортно и интуитивно понятно. Представьте, что это этот же Paint, но чуточку труднее:) Ежели человек, дальний от дизайнерских программ, откроет Фотошоп либо Иллюстратор, то наверное впадет в ступор от изобилия клавиш, панелей и приборов. В Figmа все еще проще, потому освоить ее на базисном уровне не составит труда. А мы поведаем, для чего же и, основное, как это сделать. 

Сопоставление интерфейсов Adobe Illustrator (вверху) и Figma (внизу)  

Почему вам необходимо освоить Figma 

На практике функционал сервиса выходит далековато за рамки веб-дизайна. В Figma можнож творить посты и сторис для соцсетей, макеты для таргетированной рекламы, презентации, мудборды, баннеры, открытки, листовки и так дальше. Ежели у вас в команде нет работающего 24/7 дизайнера, вы время от времени (либо нередко) дарите что-то клиентам, ежели желаете убыстрить работу и приобрести +1 нужный скилл и повод гордиться собой – эта статья для вас. А на данный момент поведаем о неких форматах подробнее. 

Мудборд 

Либо дощечка настроения. Ежели необходимо согласовать с клиентом концепцию проекта, вы сможете просто визуализировать информацию в рабочем пространстве Figma. Просто поместите на порожней холст рисунки, фото, текст, цветовую гамму и иные данные. Попутно оставьте комменты и скиньте ссылку на файл клиенту. Ему даже не придется ничего закачивать, а информация будет восприниматься целостно и просто. Мудборды в разы уменьшают количество правок и минимизируют непонимания. 

Мудборд, сделанный для презентации концепции сайта 

Презентация 

Power Point – это превосходно, но клином свет на нем не сошелся, а почти все PP-шаблоны издавна обветшали. Ежели ранее для творения элегантных презентаций руководителем у недизайнеров была Canva (сейчас недосягаема в РФ) , то на данный момент самое время обратиться к Figma. Помните, что дизайнеры теснее все сделали за вас. В Figma есть раздел «Комьюнити», в каком юзеры со всего мира выкладывают готовые иллюстрации, иконки, плагины, текстуры, шаблоны и т.д. В случае с презентацией вводите в строчку поиска «Presentation Template» и избирайте пригодный шаблон. Вам остается заменить рисунки и текст. 

Стартовая страничка раздела Комьюнити 

Выдача результатов по запросу Presentation Template 

Баннеры и ресайзы 

В Figma чрезвычайно комфортно творить легкие баннеры и поменять их размер. Создайте фрейм, залейте его необходимым цветом. Поместите текст, лого и картину. Опционально добавьте готовые элементы из раздела «Комьюнити». Готово, вы прекрасны!Чтоб поменять размер всех частей сходу, зажмите клавишу K (английскую) и потяните за угол фрейма. 

 

Баннер для школы актерского мастерства 

Ресайзы баннеров для магазина одежды 

Посты и сторис 

Сервис теснее знает самые знаменитые форматы и их размеры в пикселях, потому вам даже не надо вводить ничего вручную. Избирайте «Post»/«Stories», и незапятнанный фрейм нужного размера перед вами. Можнож не совсем лишь творить посты, но и выстроить их в сетку перед публикацией. Поместите на рабочее поле готовые рисунки, выровняйте и оцените итог. 

 

Панель выбора размера фрейма (рабочей области) в пикселях 

Сторис, сделанные в Figma 

Посты, сделанные в Figma 

Плагины в разделе Комьюнити 

С чего же начать изучение 

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

  • Советуем пройти базисный курс по Figma от Tilda Education. Ссылка: https://tilda.school/figma-free-course-0 
  • Для углубленного исследования подойдет книжка Саши Окунева «Управление по Figma». Опосля каждого мини-урока предлагается выполнить маленькое задание, чтоб закрепить материал. Ссылка: https://slashdesigner.ru/figma-guide 
  • Для тех, кто «на ты» с английским, есть курс от DesignLab, он также учит работать в Figma с нуля. Пройти его можнож тут: https://designlab.com/figma-101-course/introduction-to-figma 

Необыкновенности сервиса 

Figma признает лишь статичные форматы (гифки и видео вставить не получится) не чрезвычайно жалует растровую графику. Это означает, что ежели вам необходимо удалить фон, вырезать, убрать что-то с рисунки либо фото, лучше сделать это предварительно в ином редакторе. Но!Вам в помощь безмерное количество плагинов из раздела «Комьюнити». Фактически хоть какой доп функционал реализуется в сервисе конкретно через плагины. Вот некие из их: 

  • Beautiful Shadows – восоздает мягенькие благовидные тени; 
  • uiGradients – готовые градиенты на хоть какой вкус; 
  • Blobs – плагин восоздает разнородные шейпы ошибочной формы; 
  • Unsplash – прибавляет картину с безвозмездного фотостока сходу в Figma без необходимости скачивания; 
  • Shaper – набор готовых трендовых векторных частей; 
  • Feather Icons – готовый набор безвозмездных иконок. 

Командная работа 

Даже ежели вам самим не придется исполнять дизайнерские задачки в Figma, клиент либо проэктировщик могут прислать вам ссылку на собственный чертеж (лендинг, макет, макет и т.д.) с просьбой внести данные либо оценить работу. Figma как сервис вначале предполагает командное взаимодействие: создатель файла может раздавать права на доступ через клавишу «Share», все соучастники могут оставлять комменты и вести ветки дискуссий во всяком месте макета. Есть два вида доступа: «Can edit» и «View only». Чтоб запросить его, вам необходимо иметь аккаунт в Figma с привязанной почтой. 

Юзеры и выданные им доступы 

Оставленный комментарий 

Громадное превосходство сервиса в том, что не надо закачивать множество томных файлов, все данные хранятся на фигмовских серверах. Все чрезвычайно живо и наглядно – вам (либо клиенту) необходимо лишь перейти по ссылке. А еще можнож вносить правки в режиме онлайн либо смотреть за их исполнением, попутно находясь на созвоне – открыв ссылку, вы видите, что делают в данный момент иные юзеры, имеющие доступ к файлу. 

Figma – прогрессивный, прыткий и обычный для понимания онлайн-сервис. Умение работать в нем дает не совсем лишь доп дизайнерский скилл и увеличивает скорость работы, но еще и упрощает коммуникацию с клиентом и подчиненными. Используя Figma, вы превосходно дарите концепции, в режиме онлайн видите, как следует работа над проектом, оперативно вносите правки и обмениваетесь гб данных одним кликом мыши.

Статьи

Добавить комментарий

Нам важно знать ваше мнение. Оставьте свой отзыв или ответ

Комментариев 0

Обновления на форуме