В своей предыдущей статье я рассказал об отличных плагинах для Figma. Я получил множество положительных отзывов, поэтому решил написать еще одну статью, на этот раз про плагины Adobe XD, чтобы любители этой программы не чувствовали себя обделенными.
Преимущество плагинов XD заключается в том, что многие известные компании, такие как Google, Dribbble и Trello, добавили свои сервисы непосредственно в XD.
Многие из этих плагинов обеспечивают автоматизацию процессов, публикацию проектов, сотрудничество между дизайнерами, разработчиками и заинтересованными сторонами. Они отлично подходят для дизайнеров, так как снижают уровень стресса, возникающего во время работы.
В этой статье я рассмотрю плагины, которые использовал лично, и которые могу порекомендовать другим дизайнерам.
ПРИСТУПИМ!!!
Angle
Angle помогает проверять проекты на различных устройствах. Это отличный плагин для создания мокапов, он идеально подходит для создания потрясающих шотов Dribbble, поэтому не удивительно, что он довольно популярен. Рекомендую попробовать его, если вы еще этого не сделали.
Angle
Он также очень удобен, когда нам нужно поделиться работой в презентациях, демонстрация статических экранов на самом деле не так уж презентабельна и может не соответствовать действительности.
Web Export
Этот плагин обеспечивает идеальный способ обмена файлами и описаниями дизайна с разработчиками, чтобы они могли видеть ключевые характеристики элементов в документе. Он также может быть полезен для программистов в зависимости от проекта, над которым вы работаете.
Хотя Web Export не идеален, он предоставляет базовый код в HTML и CSS, и позволяет сэкономить время.
Rename It
Rename It был и в предыдущей статье, потому что этот плагин постояло выручает меня, когда дело доходит до компоновки артбордов.
Зачастую многие дизайнеры даже не замечают названия артбордов из-за большого объема проделанной работы, и когда они закончат работу, им придется потратить больше времени на организацию и переименование слоев и артбордов, чем хотелось бы. Rename It позволяет переименовывать все слои последовательно в порядке возрастания или убывания, а также изменять регистр имени слоя.
Image Optimizer
В большинстве случаев мы замечаем, что наши файлы становятся большими из-за изображений, используемых во время проектирования. Мы почти никогда не обращаем внимания, сколько места занимают изображения, что становится причиной стресса при передаче таких файлов другим людям.
К счастью, плагин Image Optimizer помогает уменьшить размер таких изображений, и я уверен, что у многих сразу возник вопрос, но НЕТ, он не снижает качество, поэтому это беспроигрышный вариант. Поэтому я настоятельно рекомендую вам попробовать этот плагин.
Undraw
Undraw – замечательный плагин, потому что содержит постоянно обновляемый набор иллюстраций в форме .svg, которые полностью настраиваются и могут использоваться бесплатно в коммерческих проектах. Просто выберите понравившиеся иллюстрации, настройте цвет, чтобы он соответствовал вашей цветовой палитре, а затем загрузите и используйте файл.
UI Faces
UI Faces компилирует изображения, загруженные пользователями с их аватаром, и помечает их тегом возраста, пола, эмоции и цвета волос, чтобы сделать выбор подходящего лица максимально быстрым и простым. Дизайнеры могут фильтровать изображения по тегам и заполнять любую выбранную форму лицами в один клик. UI Faces помогает дизайнерам сэкономить время на поиске фотографий людей для создания мокапов.
Photosplash
Photosplash – фантастический плагин, который предоставляет высококачественные, бесплатные и эксклюзивные стоковые снимки. Он предоставляет доступ к обширной коллекции изображений, которые вы можете использовать в один клик мыши. По сути, это аналог Unsplash для Adobe XD, хотя этот плагин не является бесплатным.
Photosplash
Social Ipsum
Гораздо более продвинутая версия Lorem Ipsum, в которой вы можете размещать настоящие имена внутри своего дизайна. Не только имена, но и другие подробности, при этом имена генерируются случайным образом. Это действительно классный плагин, и я его настоятельно рекомендую его попробовать.
Social Ipsum
Change Case
Change Case – это очень простой, но эффективный плагин, который позволяет изменять регистр текста в XD. Это звучит слишком просто, но когда вам понадобится внести изменения в свой текст, вы поймете, сколько времени он экономит. Например, вы могли случайно набрать абзац с нажатой клавишей Сaps lock, и вместо того, чтобы удалять текст, используйте плагин Change Case. Он позволяет изменять текст с верхнего регистра на нижний и наоборот.
По сути, это сочетание клавиш, которое упрощает вам жизнь, моментально изменяя регистр текста, без необходимости набирать его заново.
Icon4Design
Это своего рода аналог Iconify для Adobe XD. Если вы ищете иконки для своего дизайна, Icon4Design располагает большой библиотекой иконок. Нужно просто ввести слово, и вы увидите несколько иконок, связанных с этим словом.
Icon4Design
В заключение
Как я уже сказал, существует множество замечательных плагинов, но я отобрал те, которые часто использую, Вы можете не согласиться с тем, что эти плагины лучшие, и это нормально. Но тогда пишите в комментариях о своих любимых плагинах, и я их проверю.
Вы можете связаться с автором в Twitter, Linkedin, Dribbble или Behance.
Перевод статьи uxplanet.org
Топ коментарі (0)