Однопиксельная линия и привязка к пикселям в скетче

Часто в Sketch необходимо нарисовать однопиксельную линию, например для линейки, разделяющей контент.

Есть два пути, как это можно сделать — нарисовать «честной» линией, но получить нечетные координаты начала и конца линии:

Начало и конец линии попадают на дробное значение пикселей
Значения в инспекторе

Или нарисовать линию прямоугольником с высотой в 1px, с попаданием в целые значения:

Координаты прямоугольника высотой в один пиксель

В обоих случаях сама линия попадет в пиксели, но в первом будут нецелые координаты (что не всегда хорошо), а во втором нужно целиться или вбивать значения высоты в инспекторе.

Как нарисовать быстро

Рисуем «честную» линию и делаем ей аутлайн Shift+Cmd+O, если необходимо — привязываем к пикселям (Round to Pixel). Проверено — получается быстрее чем рисовать прямоугольником и целиться в инспектор и вводить высоту в инпут.

Поделиться
Отправить
Запинить
26 марта   Скетч