Топ 10 must-have плагинов для Figma, которые в разы ускорят вашу работу
Предисловие
Мне, как начинающему дизайнеру бывает очень сложно действительно быстро разрабатывать какой то проект, из-за нехватки опыта или должной практики, я зачастую могу долго сидеть над базовыми задачами. И вот на досуге я задумался, есть ли что-то что способно облегчить мне жизнь при разработке? Что ж, представляю вам мой личный топ плагинов которые облегчают мне жизнь каждый день.
1.Unsplash
Я думаю мало кто не знает про Unspalsh ,но не упомянуть его я считаю было преступлением. Плагин круто подойдет для быстрого наполнения форм картинками в высоком качестве прямиком с серверов Unsplash . Все картинки удобно организованы и разложены по темам, есть возможность массового заполнения картинками, что очень круто, можно воспользоваться поиском и подобрать максимально подходящее изображение.
https://www.figma.com/community/plugin/738454987945972471/Unsplash
2.Iconofy
Зачастую во время разработки уходит очень много времени на отрисовку собственных иконок или на поиск нужных.Iconofy значительно облегчает задачу дизайнеру. Множество различных иконок которые легко интегрировать в проект. Есть удобный поиск по категориям и стилям. В общем очень полезная тема если нужны по быстрому наметать проект.
https://www.figma.com/community/plugin/735098390272716381/Iconify
3.Wireframe
Wireframe помогает дизайнерам в создании дизайна с нуля. С помощью этого плагина вы можете создавать готовые экраны, с которыми проще работать. Конкретно мне это плагин очень помогает ,когда не хватает фантазии придумать грамотный ux.Он сразу предлагает несколько вариантов которые можно доработать и интегрировать в проект.
https://www.figma.com/community/plugin/742764242781786818/Wireframe
4.Better Font Picker
Поскольку я начинающий дизайнер, мне крайне не нравится , что в фигме, нельзя сразу посмотреть как шрифт выглядит ,и как он смотрелся бы в дизайне. Приходится опираться лишь на название и не всегда получается запомнить, что чему соответствует. Поэтому для таких новичков как я существует отличный плагин, который сразу покажет как выглядит шрифт и поможет подобрать нужный.
https://www.figma.com/community/plugin/739922281164562258/Better-Font-Picker
5.Remove BG
Еще одним очень полезным плагином является Remove BG он помогает быстро избавиться от ненужного фона на почти любом типе ассетов. Часто использую его в паре с Unspash
https://www.figma.com/community/plugin/738992712906748191/Remove-BG
6.Chart
Порой нужно срочно наполнить проект какой ни будь инфографикой. Самому рисовать долго ,да и мне как новичку бывает сложно. Что бы упростить эту задачу как раз и существует следующий плагин. Он быстро помогает наполнить проект нужными графиками и диаграммами. Даже если нет каких либо входных данных, плагин может рандомно сгенерировать значения что бы все получилось максимально аккуратно и красиво.
https://www.figma.com/community/plugin/734590934750866002/Chart
7.LilGrid
Плагин LilGrid стоит на страже порядка в вашем интерфейсе. Очень полезный инструмент для тех, кто хочет организовать максимально аккуратное рабочее пространство. При этом, LilGrid не поменяет элементы дизайна, а только поможет их упорядочить на холсте.
https://www.figma.com/community/plugin/795397421598343178/LilGrid
8.Color Kit
С помощью плагина Color Kit можно генерировать оттенки выбранного цвета от тёмных к светлым. Раннее дизайнерам требовалось использовать сторонние программы и приложения. Ранее что бы провернуть подобный финт мне приходилось пользоваться adobe color или другими схожими сервисами, что значительно отнимало время разработки. Сейчас же можно сделать все тоже самое не покидая фигмы.
https://www.figma.com/community/plugin/797696673804519719/Color-Kit
9.Figmotion
Этот плагин помогает быстро создать анимационные эффекты которые хорошо в пишутся в тот или иной проект. Не часто им пользуюсь, но если необходимо подготовить какую-нибудь классную презентацию для live-показа ,плагин самое то. Из минусов мог выделить что не сразу с ним смог разобраться ,но скорее всего “бобовый” я ,а не плагин.
https://www.figma.com/community/plugin/733025261168520714/Figmotion
10.html.to.design
Вот тут вообще просто песня! Плагин позволяет любой сайт превратить в готовый макет ,и очень кстати. Если заказчик говорит :”Хочу как у них!”, то можете смело использовать этот плагин, он вам обязательно поможет.
https://www.figma.com/community/plugin/1159123024924461424/html.to.design
БОНУС: Rename It.
Еще один плагин, который увы не влез в топ, но которым я тоже часто пользуюсь. Он помогает быстро организовать свой проект позволяя удобно переименовывать несколько слоев или объектов на всем фрейме сразу
В заключении хотелось бы сказать что пускай плагины значительно и упрощают жизнь всегда нужно не забывать про свои hard и soft skills и постоянно их прокачивать, потому что не всегда может найтись нужный плагин.
Пост написан ORPH в рамках дебюта для Хабре.