Первая волна плагинов Adobe XD, которая изменила правила игры для пользователей была выпущена в октябре 2018 года . Как только в августе 2019 года платформа была объявлена открытой, многие крупные компании, такие как Dribbble, Airtable и Stark, адаптировали свои инструменты и сервисы непосредственно в XD, а уже чуть позднее появились новые плагины от Trello, Google Cloud, UserTesting.com и т.д.
На сегодняшний день Adobe XD предлагает плагины, которые обеспечивают управление процессом, автоматизацию, публикацию, утилиты доступности и более тесное сотрудничество между дизайнерами, разработчиками и заинтересованными сторонами, с которыми они работают. Все эти аспекты очень важны для дизайнеров, так как до сих пор им приходилось тратить очень много времени на импорт, сохранение, экспорт и загрузку материалов между несколькими разными платформами.
Чтобы улучшить ваш рабочий процесс, мы подобрали самые лучшие плагины для Adobe XD.
Что на самом деле делает Adobe XD?
Adobe XD - это мощный инструмент проектирования, который позволяет дизайнерам разрабатывать, анимировать, создавать прототипы и делиться своими проектами в одном приложении. Он получил широкое распространение благодаря своей непревзойденной производительности как на Mac, так и на Windows. Он также является частью Creative Cloud, это означает, что Adobe XD действительно хорошо взаимодействует с другими продуктами Adobe, такими как Photoshop, Illustrator и After Effects, и даже может открывать файлы из программного обеспечения конкурента Sketch, сохраняя при этом оригинальные элементы.
Итак, давайте приступим к обзору лучших плагинов Adobe XD.
01. UI Faces
UI Faces позволяет дизайнерам выбирать атрибуты и находить нужные грани для макетов
Поиск фотографий людей для ваших проектов может занять у вас много времени. UI Faces объединяет фотографии (аватары пользователей) и помечает их атрибутами, связанными с возрастом, полом, эмоциями и цветом волос, чтобы поиск нужного изображения происходил как можно быстрее и проще. Этот плагин Adobe XD позволяет дизайнерам выбирать параметры этих атрибутов и заполнять любую выбранную фигуру одним щелчком мыши.
02. Colour Ranger
Color Ranger улучшает цвета в дизайне
Color Ranger позволяет дизайнерам легко улучшать цвета в дизайне. Больше не нужно редактировать каждый элемент в Photoshop, независимо от настройки яркости, насыщенности, оттенка, глубины цвета или непрозрачности отдельных элементов или целых монтажных областей. Color Ranger также позволяет сохранять пресеты и управлять ими, а это значит, что создание тем или редактирование наборов пользовательского интерфейса можно выполнить всего одним щелчком мыши.
03. Stark
Stark - это инклюзивный плагин, который проверяет контраст и моделирует формы дальтонизма
Основной целью для дизайнеров и компаний является обеспечение доступности дизайна для всех. Stark предоставляет возможность проверять контраст и моделировать формы дизайна для дальтонизма прямо в Adobe XD, таким образом он помогает проектировать и создавать доступные, этичные и инклюзивные продукты. Прошли те времена, когда нужно было запускать отдельное приложение для симуляции и предварительного просмотра визуализации для дальтоников, а также уходило очень много времени на копирование и вставку шестнадцатеричных кодов для проверки контрастности и читабельности шрифта.
04. Rename It
Мы тратим очень много времени на организацию и переименование слоев и артбордов. Rename позволяет очень легко и быстро переименовать все слои последовательно, в порядке возрастания или убывания, а также изменять регистр имени слоя. Также, с помощью простых сочетаний клавиш можно находить и заменять слова или символы.
05. Change Case
Редактирование заглавных букв в тексте с помощью Change Case
Change Case - это действительно простой, но мощный плагин, который позволяет пользователям изменять капитализацию текста в XD. Кажется, что функции данного плагина так не значительны, но в действительности он экономит очень много времени.
06. Google Sheets
Импорт актуальной копии из Google Sheets в Adobe XD
Ввод и разметка шрифта должно быть одна из самых сложных задач для дизайнеров. Это приводит к тому, что либо одни и те же элементы копируются и вставляются по нескольку раз, либо во всем проекте используется lorem ipsum. К сожалению, lorem ipsum плохо тестирует свои продукты перед выпуском и это часто приводит к тому, что пользователи отвлекаются и обращают внимание на ошибки. Плагин Google Sheets позволяет импортировать фактическую копию в документ Adobe XD из документа Google Sheets. Даже если содержание в документе Google Sheets изменяется, вы все равно можете обновить копию в своем документе .
07. Trello
Делитесь арт досками с командой, не выходя из Adobe XD
Trello - это продуктивная платформа, которая позволяет пользователям и целым командам организовывать продуктивную совместную работу. С помощью плагина Trello дизайнеры могут без труда отправлять свои работы XD, что позволяет им обмениваться арт бордами с командой, не покидая Adobe XD.
08. Angle
Без проблем делитесь своими работами благодаря Angle
Время от времени дизайнеру необходимо делиться своей работой в виде презентации. Ухудшение качества в статических экранах сильно подводит дизайнеров. Все знакомы с этим рабочим процессом: откройте макет в Photoshop и экспортируйте туда дизайн. Angle позволяет делать то же самое, не выходя из Adobe XD. Благодаря этому плагину требуется гораздо меньше времени, чтобы добавить что-то более совершенное в презентацию или загрузить шот в Dribbble.
09. Icondrop
Icondrop предоставляет вам доступ к иконкам, иллюстрациям и изображениям
Icondrop делает доступными миллионы дизайнерских ресурсов, с помощью одного щелчка мыши - предоставляя доступ к иконкам, иллюстрациям и фотографиям, и для этого не нужно покидать Adobe XD. Благодаря простой функции поиска и легкому доступу к предыдущим загрузкам, вскоре Icondrop позволит создавать макеты на лету.
10. Web Export
Для дизайнеров, которые не очень хорошо знакомы с программированием, Adobe XD предлагает отличный способ обмена файлами и спецификациями дизайна с разработчиками, чтобы они могли видеть ключевые атрибуты элементов в документе. Однако для дизайнеров, которые работают над личным проектом и не имеют доступа к разработчикам, Web Export может незаменимым. Этот плагин позволяет экспортировать HTML и CSS из ваших файлов XD, а также предлагает вложенные макеты, центрированные ограничения и возможность добавлять дополнительные стили, атрибуты и разметку.
Перевод статьи Andy Vitale
Топ коментарі (0)