15 плагінів фігма, що полегшать ваше життя
Будемо з вами відвертими – як дизайнери з досвідом, у академії дизайн-освіти 8k, ми обожнюємо Figma. Ми готові співати дифірамби цьому інструменту за його доступність, зручність у використанні та можливість працювати над проектом спільно та в режимі реального часу. І як вишенька на торті, наявний функціонал можна легко підсилити незліченною кількістю плагінів Фігма.
Їх є справді багато, Figma community пропонує більш ніж 3000 опцій!
Щоб вам не довелось самостійно копатися у цьому довгому списку, ми зібрали 15 найкорисніших плагінів, якими ми користуємось самі, а тому впевнені, що з ними ваша робота у Фігма стане ще легшою та ефективнішою. Для зручності, ми поділили їх на категорії.
Робота з зображеннями
1. Unsplash
Це плагін від популярного ресурсу Unsplash, який дає доступ до великої кількості безкоштовних зображень у високій якості. Їх можна використовувати як для комерційних проектів, так і для особистих потреб. Всі зображення зручно організовані та розділені по темах, тож ви можете швидко та легко додати необхідне фото відразу у свої макети Фігма.
2. Photopea
Користуватися цим плагіном це наче отримати безкоштовну версію Photoshop, яка працює безпосередньо у файлах Фігми. Його функціонал нічим кардинально не відрізняється від оригінальної програми та дозволить вам редагувати фото, накладати різні ефекти, додавати текст, змінювати розмір зображення та інше.
І невеличка примітка: щоб використати даний плагін, не забудьте спершу завантажити та обрати фото (натиснути на нього).
3. Remove BG
Тут все просто, це плагін на основі штучного інтелекту, що допоможе вам швидко видалити фон на зображенні.
Форми та фігури
4. Shaper
В процесі створення вебдизайну ми зазвичай використовуємо різноманітні форми, прямокутники, кружечки, або й щось креативніше. Shaper – плагін який містить всі основні фігури необхідні для комфортної роботи. Просто виберіть необхідну вам форму і вона з’явиться на полотні, або ж створіть свою власну.
5. Blobs
Якщо стандартні компоненти Фігма не задовільняють ваші креативні ідеї, спробуйте цей плагін. Він дозволяє створювати плями різної форми та складності як 2D об’єкти для будь-яких ваших креативів. Проте, для користування ним вам потрібно буде пройти реєстрацію на сайті.
6. Get waves
Допоможе вам створити 2D фонові зображення у вигляді хвиль різних форм.
Іконки та лого
7. Iconify
Цей плагін надає доступ до понад 100 наборів іконок у різних стилях, получається ви отримуєте вибір серед більш ніж 170 000 елементів. За допомогою зручного пошуку або категорій ви можете швидко знайти потрібну іконку та імпортувати її у свій документ Figma.
8. Image tracer
Дозволяє дуже швидко та якісно перевести зображення у векторні, що особливо корисно при створенні логотипів та іконок.
Робота з кольорами
9. Image palette
Базуючись на вашому зображенні, цей плагін підбере палітру з 5 основних кольорів. Просто та зручно.
10. Webgradients
Градієнти є одним з сьогоднішніх трендів вебдизайну, а цей плагін дозволяє миттєво створити необхідний градієнт для будь-якої частини вашого вебсайту.
Робота з даними
11. Charts
Якщо ви часто працюєте з інтерфейсами які потребують візуалізації даних, вам точно пригодиться даний плагін. Він дозволяє швидко будувати різноманітні графіки та діаграми задаючи необхідні вам параметри та просто змінюючи стилі.
12. Content Reel
Це плагін, який допоможе вам у тих ситуаціях, коли вам потрібно заповнити дизайн певними даними, щоб ваш проект виглядав більш реалістично. Такі дані називають dummy data, це, наприклад, несправжні номери телефонів, адреси, назви компаній, аватари, імена клієнтів, текст Lorem Ipsum, та інше. Щоб скористатися, виберіть один або кілька шарів у своєму дизайні, а потім виберіть тип вмісту з запропонованих Content Reel.
Інше
13. Wireframe
Цей плагін пропонує безкоштовну бібліотеку для створення вайрфреймів, прототипів, user flows та інших базових структур, які допоможуть вам уникнути помилок перед створенням сайтів чи макетів у Фігма. Усі файли мають формат SVG, тому їх легко редагувати.
14. Autoflow
Цей плагін дозволяє автоматично малювати стрілки між елементами. Він прекрасно підходить для побудови user flow, діаграми або графіку в мінімалістичному стилі. Для використання обираємо елемент, затискаємо Shift та обираємо інший елемент.
15. Figmotion
Дозволяє створити прості анімації у форматах GIF, MP4 та WEBM. З ним легко починати вчитись анімувати, оскільки немає необхідності переключатися на повністю окремий інструмент, такий як Principle, Haiku або After Effects. Втім, цей плагін має досить просунутий функціонал, тож доведеться на початку прикласти певних зусиль, щоб навчитись ним користуватись.
Ось і все, сподіваємось наша підбірка не раз стане вам у пригоді: тестуйте їх та експериментуйте з новими плагінами. Втім, плагіни це лише допоміжні інструменти, а справді хороший дизайн створюється завдяки набутим вмінням, досвіду, та надивленості. Хочеш прокачати всі ці якості та навчитись дизайнити стильні та зручні сайти? Записуйся на курс по вебдизайну.
