В Adobe XD додали нову панель плагінів, автоматичну генерацію коду CSS і покращили інтеграцію з Photoshop. Ці зміни компанія представила у серпневому оновленні.

Adoobe XD

Панель плагінів

Модулі є важливою частиною платформи XD і допомагають розробникам розширювати функціонал XD; вони додають нові функції, підключають XD до інших програм, прискорюють і підвищують ефективність загального робочого процесу в XD.

Зараз в XD Plugin Manager є близько 200 плагінів, і завдяки новій панелі стало простіше використовувати їх можливості. Панель плагінів — це новий розділ в XD, де можна запускати і використовувати улюблені плагіни.

Відкриття та редагування зображення за допомогою Photoshop прямо з XD

Тепер можна натиснути правою кнопкою миші на зображення в дизайні XD → «Редагувати в Photoshop». Це автоматично відкриє шар зображення в новому документі Photoshop (і якщо Photoshop не відкритий, він відкриє програму сам).

Це дозволяє плавно редагувати і змінювати зображення в Photoshop. Далі можна натиснути кнопку «Зберегти», щоб автоматично вирівняти зображення і помістити відредаговану версію назад в XD. Звичайно, усі зміни можна скасувати.

Копіювання і вставляння фрагментів коду CSS

Особливістю робочого процесу Adobe XD є можливість створювати прототипи призначених для користувача інтерфейсів з ефектом занурення, а потім ділитися ними з розробниками, щоб перетворювати проєкти в реальні продукти. Тепер цей процес поліпшений і можна автоматично генерувати фрагменти коду CSS для проєктів, які розробники можуть копіювати і вставляти у свій код. Автоматично згенеровані фрагменти коду CSS фіксують колір, тіні та градієнти.

Інші оновлення

Поліпшено кордони для компонентів. Команда змінила властивості компонентів в XD, щоб поліпшити роботу з компонентами, як для окремих дизайнерів, так і для груп, що використовують систему проєктування в XD.

Дрібних пікселів більше немає. Це означає, що тепер можна змінювати розміри компонентів, повторювати набори сітки, маски зображень і групи об’єктів, при цьому елементи гарантовано завжди будуть відповідати цілісному значенню пікселя.

Логічні елементи можуть бути дробовими, але не загальний елемент. Щодо фігур, перетворених в контури або елементи, створені за допомогою інструмента «Перо», дробові значення будуть збережені.

Раніше Telegraf.Design розповідав про липневе оновлення Adobe XD з покращеною взаємодія між дизайнером і розробником.