С момента выхода первой волны плагинов Adobe XD они изменили правила игры для пользователей. Множество известных компаний, таких как Dribbble, Airtable и Stark, внедрили свои инструменты и сервисы непосредственно в XD, как только было объявлено об открытой платформе, и теперь есть новые комплекты пользовательского интерфейса и плагины от Trello, Google Cloud, UserTesting.com и множества других. других мощных инструментов для дизайнеров.
Adobe запустила плагины, которые обеспечивают управление активами, автоматизацию, публикацию, утилиты специальных возможностей и более тесное сотрудничество между дизайнерами и разработчиками и заинтересованными сторонами, с которыми они работают. Это очень важно для дизайнеров, так как до сих пор им приходилось тратить много времени на перемещение туда и обратно — импорт, сохранение, экспорт и загрузку между несколькими платформами в своем рабочем процессе.
Помня об этом, мы выбрали самые лучшие плагины Adobe XD, чтобы помочь улучшить ваш рабочий процесс. Вы также можете ознакомиться с нашим обзором лучших плагинов Photoshop, плагинов After Effects и плагинов Illustrator, чтобы завершить ваше путешествие по Adobe.
Содержание статьи
Что на самом деле делает Adobe XD?
Но, может быть, вы пропустили все эти разговоры о плагинах Adobe XD и задаются вопросом, что на самом деле делает Adobe XD?
Adobe XD — это мощный инструмент для экранного дизайна, который позволяет дизайнерам создавать, анимировать, прототипировать и делиться своими проектами в одном приложении. Он получил широкое распространение благодаря своей непревзойденной производительности как на Mac, так и на Windows. Он также является частью Creative Cloud, что означает, что Adobe XD действительно хорошо работает с другими продуктами Adobe, такими как Photoshop, Illustrator и After Effects, и даже может открывать файлы из программного обеспечения Sketch, конкурирующего с программным обеспечением, при сохранении исходных элементов.
Итак, давайте продолжайте проверять лучшие из лучших доступных плагинов Adobe XD.
01. UnDraw
unDraw предоставляет иллюстрации для Adobe XD (Изображение предоставлено UnDraw)
UnDraw содержит постоянно обновляемую коллекцию иллюстраций в формате .svg, которые полностью настраиваются и которые вы можете использовать бесплатно и без указания авторства, даже в коммерческих проектах. Просто просмотрите или выполните поиск, чтобы найти иллюстрации, которые вы хотите использовать, измените цвет в соответствии с вашей палитрой или с помощью своей сборки t цветов, затем загрузите и используйте изображение. Вуаля!
02. PhotoSplash 2
Создано дизайнерами для дизайнеров (Изображение предоставлено PhotoSplash)
Обозначенный как «Adobe XD + UnSplash», разработчик может похвастаться тем, что этот плагин создан дизайнерами для дизайнеров. С бесплатной учетной записью UnSplash вы можете импортировать фотографии прямо в свои проекты, а простые в использовании инструменты навигации и поиска доставляют удовольствие. Мы считаем, что ни один пользователь XD не должен обходиться без него.
03. Mockplus i Doc
Mockplus iDoc — это универсальная платформа для проектирования продуктов, которая поможет создать более взаимосвязанный рабочий процесс между командами. Вы можете импортировать файлы дизайна из XD прямо в Mockplus iDoc, чтобы видеть все свои проекты, задачи дизайна и рабочий процесс в виде раскадровки. Плагин позволит вам создавать функциональные прототипы с компонентами, взаимодействиями и значками. Вы также сможете создавать масштабируемые системы проектирования, чтобы обеспечить единообразие проекта (подробнее об этом см. В нашем руководстве по созданию успешных систем проектирования).
04. UI Faces
Color Ranger Pro 2 (ранее Color Ranger) позволяет дизайнерам легко улучшать цвета в дизайне. Главная новость о новой версии — вы можете создать новую версию своего дизайна в темном или ярком режиме. Но, как и раньше, вы также можете настроить яркость, насыщенность, оттенок, глубину цвета или непрозрачность для отдельных l элементы или целые монтажные области, без редактирования каждого элемента в Photoshop. Color Ranger также позволяет сохранять предустановки и управлять ими, что означает, что создание тем или редактирование наборов пользовательского интерфейса можно выполнить одним щелчком мыши. Теперь вы можете вносить изменения в реальном времени, а новая улучшенная версия работает в два раза быстрее. Чтобы узнать больше о цвете в дизайне, см. Наш пост по теории цвета. Обеспечение доступности проектов для всех — одна из основных задач дизайнеров и компаний, с которыми они работают. Старк, описанный как набор интегрированных инструментов обеспечения доступности для команд разработчиков программного обеспечения, поможет вам помогать разрабатывать и создавать продукты, которые доступны, этичны и включительно. Старк добавил возможность проверять контраст и моделировать формы дальтонизма прямо в Adobe XD. Прошли те времена, когда приходилось запускать отдельное приложение для моделирования и предварительного просмотра цветовой слепоты, а также тратить много часов на копирование и вставку шестнадцатеричных кодов для проверки контрастности и читаемости шрифта. Мы все потратили больше времени, чем хотели бы, на организацию и переименование слоев и монтажных областей. Rename It позволяет вам переименовывать все слои последовательно в порядке возрастания или убывания, а также изменять регистр имени слоя за меньшее время, чем переименование всего нескольких слоев. Он даже позволяет находить и заменять слова или символы с помощью простых сочетаний клавиш. Trello — это платформа для повышения производительности, которая позволяет отдельным лицам или командам организовывать задачи, расставлять приоритеты и беспрепятственно совместно работать над задачами. С помощью подключаемого модуля Trello дизайнеры могут легко отправлять свои ресурсы XD в Trello, позволяя им делиться арт-досками с командой без необходимости оставить Adobe XD. Время от времени нужен дизайнер поделиться своей работой внутри презентации. Простое добавление статических экранов не соответствует дизайну. Всем знаком этот рабочий процесс: откройте макет устройства в Photoshop и экспортируйте дизайн в Photoshop, чтобы перетащить экран на устройство. Angle позволяет делать то же самое, не выходя из Adobe XD. С сотнями устройств на выбор с разных ракурсов гораздо меньше времени, чтобы добавить что-то более изысканное в эту презентацию или загрузить снимок на Dribbble. Icondrop делает миллионы дизайнерских ресурсов доступными для дизайнеров одним щелчком мыши, обеспечивая доступ к значкам, иллюстрациям и стоковым фотографиям, не покидая Adobe XD. Благодаря простой функции поиска и легкому доступу к предыдущим загрузкам, это станет одним из использовать плагины при создании мокапов на лету. [1 9459050] 13. Экспорт в Интернет
Для дизайнеров, которые не очень хорошо знакомы с кодированием, Adobe XD предлагает отличный способ поделиться файлами и спецификациями дизайна с разработчиками, чтобы они могли увидеть ключевые атрибуты для элементов в документе. Однако для тех дизайнеров, которые работают над личным проектом и не имеют доступа к разработчикам, Web Export может стать вашим новым лучшим другом. Этот плагин позволяет экспортировать HTML и CSS из ваших файлов XD, а также предлагает вложенные макеты, центрированные ограничения и возможность добавлять дополнительные стили, атрибуты и разметку. Статьи по теме: 05. Color Ranger Pro 2
Color Ranger усиливает цвета в дизайне
06. Старк
Stark — это всеобъемлющий этический плагин, который проверяет контраст и имитирует формы дальтонизма
08. Изменить регистр
Изменить регистр букв с помощью Изменить регистр [19459009019] ] Change Case — это действительно простой, но мощный плагин, который позволяет пользователям изменять регистр текста в XD. Это кажется таким простым, но при этом позволяет сэкономить столько неожиданного времени, когда оно вам нужно.
09. Google Sheets
10. Trello
Делитесь арт-досками с командой, не выходя из Adobe XD
11. Угол
Совместно работать с Angle без проблем
12. Icondrop
] Icondrop предоставляет вам доступ к значкам, иллюстрациям и изображениям
Загрузка...
