5 крутых фишек Figma

Мы подготовили обзор пяти крутейших функций Figma, которые будут полезны как начинающим дизайнерам-фрилансерам, так и более опытным UI/UX специалистам.

Что такое Figma?

Figma – это продвинутый инструмент работы с векторной графикой, который доступен прямо в браузере и не требует установки программного обеспечения на компьютер. Главным отличием Figma от классических визуальных редакторов типа Adobe Illustrator является возможность коллаборативной работы над прототипированием UI/UX.

Другими словами Figma позволяет сразу нескольким пользователям работать над дизайном сайтов или приложений одновременно и прямо в браузере. При этом на выходе ты получаешь профессиональный дизайнерский продукт готовый для дальнейшей работы (следующим шагом, например, может быть HTML верстка макета из Figma).

1. Подключение нескольких аккаунтов внутри Figma

Начнем с простой, но крайне полезной фишки, особенно для фрилансеров, которые работают над несколькими проектами от разных заказчиков. Ты можешь подключить до 10 разных аккаунтов в Figma и переключаться между ними прямо через интерфейс сайта.

Для этого нажми на свой аватар в правом верхнем углу экрана и выбери Add account

Что самое удобное в этой функции, так это то, что при переключении аккаунтов ты также переключаешься между рабочими областями (Workspaces) и профилями в Community Figma, при этом предыдущий аккаунт не вылогинивается и доступен буквально в два клика. Еще раз об этой фиче более наглядно.

2. Библиотека готовых шаблонов Figma

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

Большинство шаблонов доступно бесплатно и их можно легко скопировать для дальнейшей работы. Для этого кликни на любой из шаблонов, чтобы открыть его в новом окне, а затем выбери Duplicate.

Теперь этот шаблон скопирован в твой аккаунт и можешь сносить правки и использовать его в своих проектах.

3. Нумерованные и ненумерованные списки в Figma

Немного странно выносить такую простую функцию в отдельный пункт, однако, многие не знают как добавлять списки в Figma. Справедливости ради, такая опция появилась в Figma не сразу, и поэтому не все знают о ее существовании сейчас.

Итак, вот где спряталась эта фишка. Для начала введи текст, который ты хочешь превратить в список и выдели его. Затем в правой колонке на вкладке Design найди вот такие три точки (Type details).

При нажатии на три точки появится еще одна панель, где ты и найдешь возможность создавать списки. Кстати, для того, чтобы сделать один из элементов списка вложенным достаточно нажать Tab на клавиатуре.

4. Интуитивно понятное прототипирование

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

Да, часто над проектом работает сразу несколько специалистов и каждый из них отвечает за свою часть работы, дизайнер – за внешний вид, разработчик – за то, как это будет функционировать на экране пользователя. Но если ты фрилансер, то одним из ключевых твоих преимуществ становятся знания и навыки в смежных областях.

Для того, чтобы перейти в режим прототипирования, выбери вкладку Prototype в правой колонке.

В этом режиме ты сможешь создавать связи между экранами приложения, настраивать анимации и переходы, и в целом работать с логикой использования продукта конечным пользователем. Рекомендую ознакомиться с вводным видео по основам прототипирования.

Более подробно узнать о функционале Prototype в Figma можно почитать здесь.

5. Быстрое перемещение по проекту в Figma

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

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

Для того, чтобы облегчить этот процесс, используй сочетания клавиш CTRL и SHIFT вместе с колесиком мышки, а именно:

  • CTRL + скролл позволяет зуммировать (увеличивать и уменьшать) элементы в окне проекта
  • SHIFT + скролл дает возможность прокручивать проект по горизонтали

Благодаря этим сочетаниям ты сможешь забыть о том, чтобы кликать и тянуть скролл-бары в окне редактора Figma, а значит скорость твоей работы и, следовательно, продуктивность значительно возрастут.

А какие фишки Figma знаешь ты? Поделись в комментариях ниже или в нашем Телеграм канале.

Related Articles

Комментарии

Ваш адрес email не будет опубликован. Обязательные поля помечены *