Фигма – рабочий инструмент дизайнеров, веб-разработчиков, SMM-специалистов, владельцев бизнеса и обычных пользователей. В этом графическом редакторе создают макеты сайтов и приложений без особой подготовки.
Рассказываем, как начать работать в Figma и в чем ее особенности.
Figma – онлайн-платформа для разработки графических проектов: логотипов, интерфейсов, иллюстраций. Работать над ними можно самостоятельно или в команде. В Фигме вы увидите, каким будет дизайн приложения или сайта на экранах смартфонов и ПК. Прототип можно перенести в Тильду – конструктор веб-страниц.
Instagram* (продукт компании Meta, которая признана экстремистской организацией)
Сервисом могут пользоваться не только профессионалы. Обычные блок-схемы, доски настроения, шаблоны для Instagram* (продукт компании Meta, которая признана экстремистской организацией) и других соцсетей, диаграммы, карты сайта и пути клиента – все это базовые опции платформы.
Научиться пользоваться Фигмой можно быстро и легко. Дайте название проекту или команде, выберите тариф (бесплатный – Starter, платный – Professional) и приступайте к работе.
Над веб-дизайном часто трудится одновременно несколько человек. Возможность совместного редактирования позволяет всем участникам рабочего процесса видеть внесенные коллегами изменения в реальном времени и дорабатывать оформление с любых устройств и ОС. Заказчик также может принимать участие в процессе – по ходу работы оценивать вид и удобство будущего продукта, оставлять комментарии.
Проект и история изменений сохраняются автоматически на онлайн-площадке – в облаке. Для доступа в него членам команды нужен только интернет. Чтобы зафиксировать макет на определенном этапе, создают резервную копию и после продолжают работу в основном документе.
Что такое мотивированный трафик, и как с ним работать
Интерфейс и каждый его компонент – проводники между пользователем и любой программой. С помощью Фигмы оформляют кнопки, меню, виджеты, иконки, списки и прочее. Если по итогам работы вас не устроил внешний вид ряда идентичных элементов, не нужно переделывать отдельно каждый – измените один, и редактор автоматически скорректирует подобные. Это еще одно преимущество Фигмы.
Обратный звонок Calltouch – пример такого полезного компонента. Окно появляется ровно в тот момент, когда посетитель хочет совершить звонок. Вы будете оставаться на связи с клиентами в нерабочее время, в выходные и праздничные дни.
Также можно подключить другие виджеты Calltouch для увеличения конверсии сайта и роста продаж. Зарегистрируйтесь и добавьте интерактива на свой сайт уже сегодня.
Фрейм – полностью оформленный документ, например, страница сайта. Размер можно задать самостоятельно или выбрать подходящий готовый – для телефонов, ноутбуков, планшетов, часов. Фото, тексты, кнопки создают слои фрейма. Они будут отображаться на панели слева. Вы можете объединять, разделять, выравнивать их.
Если вам необходимо переместить кнопку обратного звонка и фото на всех фреймах, сгруппируйте эти элементы (Object → Group Selection). Проверьте слои на предосмотре, сохраните результат. Готовый фрейм можно скачать в удобном формате.
Допустим, вам необходимо настроить расположение товаров в прототипе интернет-магазина. Сетка (Layout Grid) поможет скорректировать промежутки между ними (Gutter), расстояния от краев фрейма (Margin), а также размеры, количество (Count), цвет (Color) карточек с каждым продуктом. Сеток во фрейме может быть сколько угодно – отдельно для каждого графического компонента или группы. Цвет и параметры сетки легко поменять. Предусмотрено 12 колонок для крупных объектов, 24 – для мелких. Вертикальные линии подойдут для работы с текстом.
Еще одна функция – наглядная верстка. Вы сразу можете убедиться, что элементы выглядят одинаково на разных устройствах.
Ее скачивают на Windows, MacOs, Android, iOS для загрузки собственных шрифтов и работы офлайн. Работу из десктопной версии можно импортировать в браузерную. Фигма – редактор с английским интерфейсом, поэтому не доверяйте ресурсам, на которых якобы можно скачать русскоязычную версию. Воспользуйтесь официальным сайтом. Дополнительно загрузите шаблоны.
Для самостоятельной работы и двух специалистов подойдет бесплатный тариф Starter. В него включены:
За 12$ в месяц с каждого члена команды доступен тариф Professional. Его преимущества:
Тариф Organization за 45$ в месяц дает вам полный доступ к работе в Figma. Список возможностей:
Доступна демо-версия.
Есть масса графических редакторов – Photoshop, Adobe XD, Sketch, Canva. Но в Фигме целый ряд уникальных преимуществ для дизайнера:
Какие нюансы учесть перед регистрацией в Фигма:
Зайдите на официальный сайт и зарегистрируйтесь: кнопка Create one. Затем в правом верхнем углу кликните на кнопку +New. Так вы создадите файл. Задайте необходимые параметры и преступайте к разработке макета.
Также вы можете скачать приложение. Зайдите на сайт Figma, выберите «Products», «Downloads», укажите продукт и вашу ОС. Либо нажмите на кнопку «Try Figma for free».
Как составить план текста правильно
Хочу получать интересные новости блога
16 ноября 2022
17 ноября 2022
Нажимая на кнопку, вы даете согласие на обработку своих персональных данных