[Figma] export할 때 크기가 바뀐다면

 

어셋이 원하는 크기로 안 뽑힌다?

export할 때 내가 만든 크기와 다르게 나온다면?

💡그건 snap to pixel grid가 비활성화 되어있는 상태에서 작업했기 때문!
    x, y 좌표가 소수점이지 않은지 확인해보자

예를 들어 200*200의 정사각형을 만들었는데 

도형이 위치한 좌표가 소수점이라면 뽑을 때 크기가 달라진다.

 

정수의 사각형을 만들어도 위치가 소수점이면 크기가 바뀐다(1픽셀 차이)

 

---

 

픽셀에 맞추는 방법

preferences_snap to pixel grid를 켜는 것이다.

켜져있는 상태에서는 어셋이 무조건 픽셀에 맞춰지기 때문에 소수점이 나오지 않는다.

단축키는 ctrl+shift+' 

 

 

 

보통은 스냅을 켜고 작업하지만 스냅을 꺼야할 때는 언제일까?

완벽히 가운데 정렬이 되어야 할 때다.

스냅을 켜놓으면 1픽셀 단위로 움직여서 한쪽으로 치우치기 때문에,

꼭 가운데 정렬이 되어야한다면 스냅을 끄자

 

홀수일 때 여백이 1px차이 난다.

 

 

이외에도 스냅을 꺼놓고 작업하다보면 

소수점 지옥에 빠지는 경우가 많다.

개발자를 매우 괴롭게 할 수 있다...

넘겨줄 때 꼭 다시 확인하자!