PixelSnap

Незалежно від того, працюєте ви над новим розташуванням елементів чи просто досліджуєте дизайн-тенденції, PixelSnap допоможе вам визначити відстані між елементами вебсторінок. Виберіть Визначити розміри в меню програми, клацніть на елементі вашого макета та потягніть курсор. Програма одразу відображатиме відстані.

PixelSnap може прив’язуватися до найдрібніших елементів на екрані. Зробіть знімок області так само як ви робите знімки екрана, і програма надасть вам точні розміри об’єкта. Ви також можете фіксувати розміри кількох елементів на одному екрані.

Звичайно, хаотичне розташування може бути вашим свідомим дизайн-рішенням. Проте в усіх інших випадках вам потрібно буде вирівняти елементи на сторінці по горизонталі та вертикалі. PixelSnap дозволяє додавати та закріплювати напрямні лінії на екрані для бездоганного вирівнювання.

PixelSnap має вбудовану інтеграцію з CleanShot, утилітою для захоплення екрана для Mac. Тож щоразу, коли ви вимірюєте щось на екрані, ви можете натиснути S, щоб зробити знімок екрана, відредагувати його за допомогою накладання вимірювань та зберегти. Знімок екрана буде збережено у звичному місці для експорту.

Прямо зі смуги меню ви можете налаштувати рівень похибки — він змінюється від нуля до високого. Це допоможе вам зафіксувати найменші елементи, такі як тіні та градієнти. Ви також можете повністю налаштувати інші параметри PixelSnap, від кольорів накладених вимірювань до тем та комбінацій клавіш.

PixelSnap інтегрується з найпопулярнішими професійними дизайн-інструментами. Отже, якщо ви вже налаштували звичний дизайн-процес, програма вам точно підійде. Вона працює з Adobe XD та Sketch, а також підтримує Retina, йдучи в ногу з сучасністю.