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