Match Pixels in Sketch

Version 99.5 on February 2024

samekard
2 min readFeb 12, 2024

I use version 99.5 in this article.

Where

There are three.

  • Layers -> Pixel Fitting in Preferences
  • Round to Pixel on toolbar
  • Below where you put the coordinates.

Each image is pasted below.

Layers -> Pixel Fitting in Preferences

Round to Pixel on toolbar

Below where you put the coordinates.

Subject of Operation

The first important thing is that the object you are operating is which of those

  • A shape, such as a square
  • A point

A shape, such as a square, is called a layer here.

Operation on Layer

Layers -> Pixel Fitting in Preferences

  • When OFF, free state for both movement and deformation
  • When ON, it moves with a fixed decimal fraction. ex 4.35 -> 5.35 -> 6.35.
  • When ON, the deformation makes the height and width integer numbers.

Round to Pixel on toolbar

The maximum and minimum X-coordinates and maximum and minimum Y-coordinates in the layer are rounded to integers. On the other hand, the other points (so as to maintain their shape?) are not rounded to integers.

Operation on Point

Operation by below where the coordinates are put in

The behavior of dragging and moving points can be set.

From left

  • Free
  • 1 px
  • half px
  • quarter px

Round to Pixel on toolbar

The minimum X and Y coordinates of the layer will be used as a reference, and the values will be shifted by an integer from those coordinates. If the minimum X-coordinate of a layer is 4.83, then another point on that layer will result in an X-coordinate of xx.83.

--

--

samekard

iOSアプリをいろいろ作りました。英語と中国語を勉強中。