Часто можно услышать от новичков, что плагины для дизайнера - это наше всё. Однако данное утверждение является не совсем верным. Плагины, безусловно, полезны и выручают. Как говорится, "Не делай руками то, что может за тебя сделать подходящий скрипт". Однако даже после использования плагинов иногда приходится вносить дополнительные правки в макеты.
Или, как пример, может возникнуть следующая ситуация. Вам срочно нужно внести правки в проектную презентацию, которую необходимо представить через 40 минут. Арт-директор уже звонил несколько раз, спрашивает, как там дела, а у вас возникла неполадка с плагином и вы ничего не успеваете (обновление). В такой ситуации, вы вряд ли сможете сказать артдиру и всей аудитории, что плагин обновляется и вы закончите позднее. Ведь нет ничего важнее, чем профессионализм дизайнера. Будьте готовы решать проблемы и трудиться своими руками в таких форс-мажорных ситуациях. Но плагины действительно крутые и мощные помощники. И ими нужно уметь пользоваться.
В этой статье я постаралась собрать самые часто используемые мной плагины, которые помогут вам упростить выполнение задач, сэкономить сотни часов, а также добавить новых эффектов в ваши проекты, даже если вы не умеете еще дизайнить что-то сами.
Любимая библиотека плагинов:
1. Pixel Perfect
Этот плагин говорит всем дробным значениям объектов "Давай, до свидания!":)) Действительно, так. Pixel Perfect берет на себя очень рутинный процесс — округление значения векторного изображения до целых чисел. Выравнивает все элементы по сетке и при этом убирает дроби.
2. Unsplash
Многие знают Unsplash как полноценный веб-сайт, но в любимой фигмочке есть и плагин. Позволяет вставлять рандомные изображения в макет, выбирать из категорий или искать их через поиск в плагине, при этом не переходя на сайт.
3. Noise
Плагин генерирует эффект шума. Шум может быть полезен для текстурирования, уменьшения полос в сложных градиентах или просто для добавления дополнительного реализма в работу.
4. Shaper
Плагин со всеми необходимыми шейпами, которые нужны дизайнеру ежедневно. Сердечко, звездочка и капля идеальной формы, архимедова спираль и много других полезных форм.
5. Easometric
Плагин, позволяющий создать изометрическую проекцию дизайна прямо в Figma, не прибегая к Photoshop.
6. Wireframe
Плагин Wireframe позволяет создавать профессиональные прототипы дизайна, которые помогают определиться со структурой проекта и уже на основе утвержденной структуры можно начать работу непосредственно над дизайном.
7. Blobs
Плагин Blobs генерирует абстрактные объекты (блобы, кляксы), которые можно использовать в качестве фона для различных блоков контента и иллюстраций. Вы можете настраивать внешний вид вашего «блоба», изменять его, заливать различными цветами.
8. Figmoji
Простой в использовании плагин Figmoji поможет вам добавить смайлики (эмодзи) в свои проекты. Все эмодзи разделены на категории для удобного поиска, а импорт осуществляется по клику на нужный смайл.
9. Artboard Studio Mockups
У плагина есть множество бесплатных мокапов: телефонов, планшетов, компьютеров (ноутбуков, макбуков), бутылок, книг, визиток, упаковок и т.д.
10. Glow
Плагин создает грамотное фоновое свечение по контуру объекта, при этом не нужно разблюривать никакие круги. Можно настроить цвет, уровень размытия в процентах.
11. Spellchecker
Плагин подойдет тем, кто не дружит с русским языком. Spellchecker проверяет текст на ошибки.
12. Warp tools
Этот красавчик может вам деформировать любой текст.
13. Accidently great font pairings
Плагин создаёт пары шрифтов. Учитывает все "законы" типографики и подбирает наиболее подходящие друг к другу шрифты.
14. ARC
Плагин делает ваш текст по кругу.
15. Iconify
Разнообразная библиотека иконок.
16. Brandfetch/Vector logos
Здесь собрана большая коллекция логотипов компаний SVG и PNG.
17. LottieFiles
Плагин LottieFiles поможет создавать анимации или использовать готовые из библиотеки Lottie. Есть гифки.
18. Webgradients
Не плагин, а находка. Большая коллекция крутых градиентов. Подойдет начинашкам, которые пока не научились дизайнить чистые сложные градиенты.
19. Automate color styles
Создаёт стили из всех цветов, которые были использованы в проекте.
20. Spirous
Плагин со всеразличными фигурами. Spirous может математически генерировать красивые векторы с желаемой формой, цветом, шириной штриха и импортировать их в Figma.
21. Isometric
Поворачивает макеты. Обычно Isometric используется для красивой работы в портфолио.
22. 3dicons
Коллекция интересных 3D иконок.
23. Html.to.designe
Выгружает любой сайт в фигму, как макет.
24. Hero patterns for figma
Большая коллекция паттернов.
25. Dark mode magic
Любите темную тему, но на проекте рисовать лень?:) Этот плагин автоматически генерируют цвета для темной темы из светлой палитры и применяет их к элементам. Просто выберите шейп, примените плагин и готово.
26. TextNeon
Превращает текст в светящиеся модные неоновые элементы.
Конечно же, это не полный список всех полезных плагинов, которые существуют, но именно эти 26 красавчиков уже дали мне множество преимуществ в работе. Рекомендую ознакомиться с ними и использовать в своих проектах. А какие у вас любимые плагины? Давайте обсудим. Жду в комментах.
