1 mfyb2hinol44vlgiukcoaq 1160x620 - 10 плагинов Adobe XD, которые необходимо испытать

Первая волна плагинов 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

10 плагинов Adobe XD, которые необходимо испытать
UI Faces позволяет дизайнерам выбирать атрибуты и находить нужные грани для макетов

Поиск фотографий людей для ваших проектов может занять у вас много времени. UI Faces объединяет фотографии (аватары пользователей) и помечает их атрибутами, связанными с возрастом, полом, эмоциями и цветом волос, чтобы поиск нужного изображения происходил как можно быстрее и проще. Этот плагин Adobe XD позволяет дизайнерам выбирать параметры этих атрибутов и заполнять любую выбранную фигуру одним щелчком мыши.

02. Colour Ranger

10 плагинов Adobe XD, которые необходимо испытать
Color Ranger улучшает цвета в дизайне

Color Ranger позволяет дизайнерам легко улучшать цвета в дизайне. Больше не нужно редактировать каждый элемент в Photoshop, независимо от настройки яркости, насыщенности, оттенка, глубины цвета или непрозрачности отдельных элементов или целых монтажных областей. Color Ranger также позволяет сохранять пресеты и управлять ими, а это значит, что создание тем или редактирование наборов пользовательского интерфейса можно выполнить всего одним щелчком мыши.

03. Stark

10 плагинов Adobe XD, которые необходимо испытать
Stark – это инклюзивный плагин, который проверяет контраст и моделирует формы дальтонизма

Основной целью для дизайнеров и компаний является обеспечение доступности дизайна для всех. Stark предоставляет возможность проверять контраст и моделировать формы дизайна для дальтонизма прямо в Adobe XD, таким образом он помогает проектировать и создавать доступные, этичные и инклюзивные продукты. Прошли те времена, когда нужно было запускать отдельное приложение для симуляции и предварительного просмотра визуализации для дальтоников, а также уходило очень много времени на копирование и вставку шестнадцатеричных кодов для проверки контрастности и читабельности шрифта.

04. Rename It

Мы тратим очень много времени на организацию и переименование слоев и артбордов. Rename позволяет очень легко и быстро переименовать все слои последовательно, в порядке возрастания или убывания, а также изменять регистр имени слоя. Также, с помощью простых сочетаний клавиш можно находить и заменять слова или символы.

05. Change Case

10 плагинов Adobe XD, которые необходимо испытать
Редактирование заглавных букв в тексте с помощью Change Case

Change Case – это действительно простой, но мощный плагин, который позволяет пользователям изменять капитализацию текста в XD. Кажется, что функции данного плагина так не значительны, но в действительности он экономит очень много времени.

06. Google Sheets

10 плагинов Adobe XD, которые необходимо испытать
Импорт актуальной копии из Google Sheets в Adobe XD

Ввод и разметка шрифта должно быть одна из самых сложных задач для дизайнеров. Это приводит к тому, что либо одни и те же элементы копируются и вставляются по нескольку раз, либо во всем проекте используется lorem ipsum. К сожалению, lorem ipsum плохо тестирует свои продукты перед выпуском и это часто приводит к тому, что пользователи отвлекаются и обращают внимание на ошибки. Плагин Google Sheets позволяет импортировать фактическую копию в документ Adobe XD из документа Google Sheets. Даже если содержание в документе Google Sheets изменяется, вы все равно можете обновить копию в своем документе .

07. Trello

10 плагинов Adobe XD, которые необходимо испытать
Делитесь арт досками с командой, не выходя из Adobe XD

Trello – это продуктивная платформа, которая позволяет пользователям и целым командам организовывать продуктивную совместную работу. С помощью плагина Trello дизайнеры могут без труда отправлять свои работы XD, что позволяет им обмениваться арт бордами с командой, не покидая Adobe XD.

08. Angle

10 плагинов Adobe XD, которые необходимо испытать
Без проблем делитесь своими работами благодаря Angle

Время от времени дизайнеру необходимо делиться своей работой в виде презентации. Ухудшение качества в статических экранах сильно подводит дизайнеров. Все знакомы с этим рабочим процессом: откройте макет в Photoshop и экспортируйте туда дизайн. Angle позволяет делать то же самое, не выходя из Adobe XD. Благодаря этому плагину требуется гораздо меньше времени, чтобы добавить что-то более совершенное в презентацию или загрузить шот в Dribbble.

09. Icondrop

10 плагинов Adobe XD, которые необходимо испытать
Icondrop предоставляет вам доступ к иконкам, иллюстрациям и изображениям

Icondrop делает доступными миллионы дизайнерских ресурсов, с помощью одного щелчка мыши – предоставляя доступ к иконкам, иллюстрациям и фотографиям, и для этого не нужно покидать Adobe XD. Благодаря простой функции поиска и легкому доступу к предыдущим загрузкам, вскоре Icondrop позволит создавать макеты на лету.

10. Web Export

10 плагинов Adobe XD, которые необходимо испытать
Web Export – отличный способ обмена файлами и спецификациями дизайна с разработчиками.

Для дизайнеров, которые не очень хорошо знакомы с программированием, Adobe XD предлагает отличный способ обмена файлами и спецификациями дизайна с разработчиками, чтобы они могли видеть ключевые атрибуты элементов в документе. Однако для дизайнеров, которые работают над личным проектом и не имеют доступа к разработчикам, Web Export может незаменимым. Этот плагин позволяет экспортировать HTML и CSS из ваших файлов XD, а также предлагает вложенные макеты, центрированные ограничения и возможность добавлять дополнительные стили, атрибуты и разметку.

Оригинал: Andy Vitale

Если вы нашли ошибку, выделите фрагмент текста и нажмите Ctrl+Enter

Подпишитесь на рассылку

Раз в неделю мы будем присылать на почту дайджест с лучшими материалами

Похожие записи

Тестируем Auto-Animate от Adobe XD

На ежегодном мероприятии Adobe Max 2018 Adobe анонсировала обновленную версию Adobe XD и представила новую функцию Auto-Animate

Adobe XD убьет Sketch и InVision?

Adobe XD – это ответ Adobe на Sketch и InVision. В статье вы узнаете почему Adobe XD будет доминировать на рынке

Adobe XD представляет дизайн-системы. Большое обновление

Легко создавайте, обменивайтесь и управляйте повторно используемыми цветами, стилями и компонентами