Для начала, что же такое Figma? Это бесплатный облачный графический онлайн-редактор для веб-дизайна. В нём можно создавать:
- интерактивные прототипы сайтов и мобильных приложений;
- элементы интерфейса — иконки, кнопки, меню, окна, формы обратной связи;
- векторные иллюстрации.
Скажу сразу, в бесплатной версии Figma в команде, работающей над проектом, может быть максимум два человека. Также в одном аккаунте может быть только 3 проекта. Для меня это не является проблемой, т.к. кроме меня никому не нужны права на редактирование моих макетов, и пока все макеты являются домашними заданиями, поэтому я храню их в одном проекте на разных страницах. Для командной разработки и большего числа проектов придется платить от 12$ в месяц.
Для удобства разработки макетов, пользователи Figma стали делать плагины, которые можно использовать в своих макетах. Некоторые из них ускоряют разработку макета в несколько раз.
1. Unsplash
Быстрый поиск по темам и вставка необходимой картинки в макет в отличном качестве. Не нужно бегать по сайтам и искать, откуда и куда скачать картинку.
2. Palette
При помощи машинного обучения подбирает палитру цветов по заданному изображению.
3. Iconify
Быстро найти любую иконку в векторном формате. Раньше для этих целей я искала каждую иконку на сайте https://www.flaticon.com, далее скачивала её и перетаскивала в макет. Поверьте, использовать плагин намного удобней.
4. Avatars
Добавление рандомных аватарок. Если вам вдруг не нравится та или иная фотография, то её можно быстро заменить повторным вызовом плагина с указанием уже готовой аватарки.
5. Breakpoints
Совсем новый, но такой полезный плагин. Помогает показать заказчику как будет меняться сайт при расширении границ экрана. Выглядит обалденно.
Надеюсь, вам была полезна данная статья. Если вы знаете еще какие-то супер-полезные плагины в Figma - добро пожаловать в комментарии :)
