12 найкращих плагінів Adobe XD для кожного дизайнера
Різне / / November 29, 2021
Був час, коли ми покладалися на Adobe Photoshop для виконання всіх вимог, пов’язаних з дизайном. Тепер у нас є спеціальні програми та програмне забезпечення для кожного випадку використання. Для дизайну UI/UX ринок переповнений такими параметрами, як Sketch, Figma, InVision і Adobe XD. Серед них, якщо ви інвестуєте в екосистему Adobe, то Adobe XD стане для вас природним вибором. Використовуючи плагіни XD, ви можете вийти на новий рівень.
Плагіни відіграють важливу роль у будь-якому програмному забезпеченні UI/UX. Вони схожі на те, як ви використовуєте розширення для браузера. Безліч високопоставлених компаній, таких як Dribbble, Airtable і Stark, внесли свої інструменти та послуги безпосередньо в XD, щойно було оголошено про відкриту платформу. Давайте розглянемо деякі з найкращих плагінів для Adobe XD.
Примітка: У програмі Adobe XD ви знайдете магазин плагінів. Просто знайдіть назву плагіна в рядку пошуку та встановіть його на пристрої.
Також на Guiding Tech
1. Trello
Оскільки робота з дому сьогодні стає новою нормою, багато компаній покладаються на неї рішення з управління проектами як-от Trello, Asana та Jira, щоб виконати роботу. Якщо ваша команда дизайнерів використовує Trello для керування завданнями UI/UX, то Trello є обов’язковим плагіном для вашої команди.
За допомогою плагіна Trello дизайнери можуть без зусиль надсилати свої XD-ресурси до Trello, дозволяючи їм ділитися монтажними областями з командою, не залишаючи Adobe XD.
2. Photosplash 2
Час від часу ви стикаєтеся з моментом, коли ви хочете використовувати безоплатне зображення в макете інтерфейсу користувача. Звичайна процедура включає пошук зображення в Інтернеті, завантаження його на комп’ютер та імпорт у програмне забезпечення XD. Замість цього ви можете просто вибрати плагін Photosplash 2 і додавати зображення прямо в програму XD.
3. XD до Flutter
Сьогодні мова Flutter від Google стає популярною серед розробників. За допомогою одного рядка коду ви можете створювати програми як для iOS, так і для Android. Компанія нещодавно додана підтримка веб-програм також.
За допомогою плагіна XD to Flutter ви можете генерувати код для створення програм за допомогою Flutter на основі ваших проектів у Adobe XD. Плагін генерує код для будь-якого вибраного елемента в XD, як для окремих об’єктів на полотні, так і для цілих монтажних областей.
Коли ви вносите зміни в XD, ви можете просто знову запустити плагін і оновити згенерований код.
4. UnDraw
Макет незавершений без використання жодної ілюстрації. Замість того, щоб шукати їх годинами в Інтернеті, ви можете просто використовувати плагін UnDraw, який має величезну колекцію ілюстрацій. Плагін містить постійно оновлювану колекцію ілюстрацій у форматі .svg, які можна повністю налаштувати і які ви можете використовувати безкоштовно та без посилання, навіть у комерційних проектах.
Ми використовуємо його в кожному дизайнерському проекті, і настійно рекомендуємо вам спробувати.
5. UI Faces
Кожному дизайнеру потрібні зображення профілю для використання в дизайні UI/UX. Плагін UI Faces для XD об’єднує тисячі аватарів, які ви можете відфільтрувати, щоб створити ідеальні образи. Аватари відфільтровані з різних джерел. Ви можете вибрати їх за віком, статтю, емоціями тощо.
6. Кут
Після завершення дизайн-проекту ви можете продемонструвати це своєму клієнту на макете пристрою. За допомогою плагіна Angel mockup ви можете створювати красиві макети, щоб справити міцне перше враження.
Команда GT обожнює використовувати макети та дивовижні удари з ведення. Angle є одним з найпопулярніших і неймовірних плагінів, які повинен спробувати кожен любитель макетів.
Також на Guiding Tech
7. Іконки 4 дизайни
Цей не потребує представлення. Кожному дизайнеру потрібні ці барвисті мінімалістичні іконки, щоб втілити їх у дизайн. Icons 4 дозволяє шукати піктограму за назвою та розміщувати ці піктограми в списку результатів одним клацанням миші, в результаті чого утворюється векторна піктограма, яку можна повністю редагувати.
Колекція включає десяток популярних колекцій ікон у різних стилях. Давай, спробуй. Ми впевнені, що ви не будете розчаровані.
8. Lorem Ipsum
Це ще один важливий плагін для кожного дизайнера. Під час проекту вам може знадобитися використовувати цей підроблений текст. Lorem Ipsum — це стандартний у галузі спосіб продемонструвати текст у макеті інтерфейсу користувача. Існують спеціальні веб-сайти, які дозволяють копіювати текст відповідно до ваших вимог.
Використовуючи плагін Lorem Ipsum, ви можете просто отримати цей текст, не виходячи з програми Adobe XD.
9. Перейменуйте його
Ми всі витратили більше часу, ніж ми хотіли б визнати, щоб організувати та перейменувати шари та монтажні області. Перейменувати. Він дозволяє перейменувати всі шари послідовно в порядку зростання або спадання, а також змінити регістр назви шару за менший час, ніж перейменувати лише кілька шарів. Він навіть дозволяє знаходити та замінювати слова чи символи простими комбінаціями клавіш.
10. Закладка
Якщо ви працюєте з великою кількістю дизайну та монтажних областей і іноді відчуваєте труднощі з пошуком конкретної монтажної області, спробуйте плагін Bookmark. Цей плагін дозволяє вам створювати закладки до конкретної монтажної області, і щоразу, коли ви запускаєте та клацаєте цю конкретну закладку, фокус вашого екрана буде переміщено на цю конкретну монтажну область.
11. ColorSpark
Ми бачили, як багато дизайнерів інтерфейсу стикаються з вибором кольорів і комбінаціями протягом усього проекту. В Інтернеті є спеціальні інструменти, які допоможуть вам прийняти краще рішення. Але ColorSpark для Adobe XD перевершує кожен із вбудованим генератором кольорів для випадкових кольорів та градієнтів.
Це допомагає дизайнерам відкривати унікальні палітри кольорів і розпалювати творчість.
12. Слабість
Поєднуйте творчу роботу та командну роботу Слабість. Дизайнери можуть легко ділитися файлами з додатків, включаючи Adobe XD, і попередньо переглядати їх, отримувати зворотний зв’язок і бути в курсі дій, зроблених з їхніми активами.
Завдяки своїй історії пошуку, організованій бесіді та інтеграції додатків плагін Slack є ідеальним способом для співпраці та отримання чіткого та ефективного введення в дизайн від початку до кінця.
Також на Guiding Tech
Створюйте дивовижні дизайни інтерфейсу користувача
Adobe XD — ідеальне рішення, якщо ви інвестуєте в екосистему Adobe. І на відміну від Sketch, він доступний як на Windows, так і на Mac і не коштує нічого, щоб випробувати кілька проектів. Перегляньте список плагінів вище та розгорніть свої навички дизайну за допомогою Adobe XD.
Далі: Бажаєте експортувати дизайн Adobe XD у HTML-код? Прочитайте пост нижче, щоб дізнатися, як цього досягти.