ПК і мобільний

Як додати та використовувати плагіни в Figma

Кожен дизайнер завжди шукає нову навичку або техніку, щоб допомогти їм працювати більш ефективно. Figma підключає вас за допомогою плагінів, які можуть зробити ваш робочий процес більш гладким і швидшим. Плагіни перетворюють Figma в єдиний магазин для всіх ваших потреб робочого процесу. Ви можете використовувати їх, щоб вибрати цілу низку шрифтів за лічені секунди або створити повні декоративні деталі з надзвичайною легкістю. Ви навіть можете скопіювати дизайн і вставити його в Figma зі збереженими всіма правильными шарами.

Як додати та використовувати плагіни в Figma

Як використовувати плагіни в Figma на ПК

Більшість плагінів Figma розроблено для роботи в середовищі ПК. Комп’ютери дозволяють легко налаштовувати натискання клавіш і команди для створення ярликів для найбільш часто використовуваних функцій, таких як «копіювати та вставити» або «зберегти та закрити». Обидва вони є важливими ярликами в програмах для дизайну, таких як Figma. Windows також підтримує програмне забезпечення для редагування фотографій (Paint) і програмне забезпечення для векторних ілюстрацій (Inkscape), обидва з яких можуть бути дуже корисними при створенні зображень у Figma або створенні налаштованих шрифтів значків як частини процесу розробки вашого проекту.

Якщо ви використовуєте Figma на ПК, ви можете запустити плагін з кількох місць:

а) Панель швидких дій

Панель пошуку швидких дій допоможе вам знайти елементи, не торкаючись миші. Все, що вам потрібно, це ваша клавіатура.

Щоб запустити плагін з панелі швидких дій:

  1. Натисніть Ctrl+/

  2. Введіть назву плагіна у спливаючому вікні. Якщо плагін вже встановлено, він одразу з’явиться на вашому екрані. Якщо є кілька плагінів із схожими назвами, Figma відобразить їх усі, щоб ви могли вибрати той, який ви хочете запустити. У цьому випадку ви можете використовувати клавіші зі стрілками вгору та вниз для навігації по списку.

  3. Знайшовши плагін, натисніть Enter, щоб запустити плагін. На цьому етапі плагін повинен бути відкритим і готовим до використання.

б) Меню Файл

Меню «Файл» розташоване у верхньому лівому куті редактора Figma. Він дозволяє виконувати безліч команд, включаючи відкриття нових файлів, редагування існуючих робіт, малювання векторів і введення тексту. Ви також можете запускати плагіни з меню «Файл». Ось як:

  1. Натисніть на 3 горизонтальні лінії у верхньому лівому куті. Ви повинні побачити список команд на спливаючому екрані.

  2. Наведіть курсор миші на «плагін». Це повинно відкрити список усіх плагінів, які ви встановили на Figma.

  3. Натисніть плагін, який ви хочете запустити.

в) Меню правою кнопкою миші

Завдяки меню правою кнопкою миші процес запуску та запуску плагінів не має бути складним:

  1. Розташувавши курсор у будь-якому місці полотна, натисніть праву кнопку миші.

  2. Наведіть курсор миші на «плагін», щоб відкрити список усіх плагінів, які ви встановили на Figma.

  3. Натисніть плагін, який ви хочете використовувати. Деякі плагіни можуть перед запуском показувати деякі підказки на екрані.

  4. На цьому етапі плагін виконає заплановану дію в об’єкті, шарі або файлі, який зараз активний.

Якщо ви нещодавно використовували плагін, ви можете запустити його знову, натиснувши праву кнопку миші, а потім вибравши «Запустити останній плагін» у спливаючому меню.

Як додати та використовувати плагіни в Figma на Mac

Плагіни Figma — це популярний спосіб додати функції, які інтерфейс не пропонує «з коробки». Можливість плавно перемикатися між переглядом кодової бази та внесенням змін у режимі реального часу означає, що ви ніколи не витрачаєте час на перемикання контекстів назад і вперед під час виконання робочого процесу.

Комп’ютери Mac сумісні з Figma, що означає, що ви можете використовувати плагіни, які допоможуть підвищити ефективність під час роботи над проектом.

Ось як ви можете використовувати плагіни в Figma на Mac:

  1. Натисніть Control + /

  2. Введіть назву плагіна у спливаючому вікні. Використовуйте клавіші зі стрілками вгору та вниз, щоб переміщатися по списку.

  3. Знайшовши плагін, натисніть Enter, щоб запустити плагін.

Крім того, ви можете запускати та виконувати команди плагіна через меню правою кнопкою миші. Все, що вам потрібно зробити, це клацнути правою кнопкою миші будь-яку частину полотна, а потім вибрати плагін, який ви хочете використовувати, під кнопкою «плагіни».

Щоб повторно запустити останній використаний плагін, натисніть Option + Command + P

Плагіни для мобільних додатків Figma

Figma поставляється з мобільними додатками для пристроїв iOS і Android. Однак ці програми все ще перебувають у бета-версії, і тому не були оптимізовані для використання з плагінами. Ви можете використовувати їх лише для дзеркального відображення настільної програми та перегляду масштабованих версій ваших проектів. Будь-який кадр або файл, вибраний у настільному додатку, також відображатиметься в мобільному додатку.

Важливо також зазначити, що ви можете використовувати мобільний додаток, лише якщо ви одночасно ввійшли в веб-програму або програму для комп’ютера.

Найбільш додані плагіни Figma

Хоча існує безліч плагінів Figma, деякі зручні з них надзвичайно популярні серед ентузіастів Figma. Ось 5 найбільш доданих плагінів Figma:

1. Розплеск

Як дизайнеру, важливо вибрати високоякісний фон для демонстрації своєї роботи. Unsplash може бути ідеальним рішенням, оскільки містить безкоштовні зображення, не захищені авторським правом, які можна завантажити для особистого або комерційного використання. Фотографії на Unsplash зазвичай мають дуже високу якість, і сайт надає безкоштовні фотографії практично для будь-яких потреб у дизайні.

2. Іконіфікувати

Хіба це не засмучує години, намагаючись створити кілька значків на одній сторінці, щоб зрозуміти, що вони не масштабуються у своєму родному розмірі і виглядають піксельними? Введіть Iconify. Це плагін, який використовується розробниками інтерфейсу для поєднання наборів іконок і створення красивих, насичених і сучасних інтерфейсів користувача. Iconify розроблено, щоб спростити додавання користувацьких піктограм або значків прямо з вашого браузера без необхідності використання зовнішнього редактора.

3. Іконки матеріального дизайну

Іконки Material Design мають усе, що вам потрібно. Завдяки більш ніж 27 000 доступних піктограм ви майже гарантовано знайдете піктограму, яка ідеально підходить для вашого інтерфейсу.

Material Design Icon Suite містить векторну графіку та файли шрифтів, які використовуються для відтворення різних стилів піктограм. Незалежно від того, чи потрібні вам прості чорно-білі форми чи складні композиції в кількох кольорах з градієнтами, тінями чи вставними тінями, цей плагін допоможе вам. Для вашої зручності фігури доступні як у багатошарових файлах SVG, так і у багатошарових форматах PNG.

4. Lorem Ipsum

Lorem Ipsum — це тип фіктивного тексту, який використовується в дизайні, типографіці та поліграфії. Його плагін дозволяє дизайнерам вставляти розділи фіктивного вмісту, щоб імітувати зовнішній вигляд справжньої копії. За допомогою цього інструмента ви можете легко визначити такі деталі, як близькість і розташування, слова в рядку, інтервал між літерами та кернінг. Вам не доведеться витрачати час на розробку блоків наповнювача, які можуть навіть не відповідати вашому типографічному дизайну.

5. Котушка вмісту

Це ваш основний плагін, коли вам потрібно вставити значки, аватари та текстові рядки у свій дизайн. Він поставляється з простою панеллю інструментів, яка дозволяє вибрати шар у вашому дизайні, який потребує вмісту, а потім допоможе вибрати тип вмісту, який ви віддаєте перевагу, з меню палітри. Плагін також дозволяє вам організувати текстові рядки в порядку зростання або спадання, залежно від потреб вашого проекту.

Економте час за допомогою плагінів Figma

Впроваджуючи функції, які не включені в оригінальне програмне забезпечення, плагіни Figma вразили емоції серед дизайнерів, які прагнуть працювати більш ефективно. Вони можуть допомогти вам скоротити кількість часу, витраченого на повторне відтворення одних і тих самих речей. Вони дають можливість вивчити більше можливостей, не змінюючи основний інструмент проектування. Однак будь-який даний плагін слід ретельно продумати, виходячи з індивідуальних вимог.

Які ваші улюблені плагіни Figma? Дайте нам знати в розділі коментарів нижче.

$config[zx-auto] not found$config[zx-overlay] not found