피그마에서 디자인 제작하다보면 처음 draft 단계에서 대략적인 느낌을 보기 위해 정확한 사이즈를 계산하지 않고 빠르게 테스트를 수행할 때가 있습니다. 그러다보면 실수 등으로 소수점이 존재하게 되는데 오늘 소개해드리는 피그마 소수점 제거 플러그인을 사용하면 3초도 안되는 시간에 소수점을 제거할 수 있습니다.
피그마 소수점 제거하기
먼저 ‘Pixel Perfect’ 플러그인을 검색하여 실행합니다. 해당 링크를 눌러 실행하거나 직접 검색하여 실행합니다.
실행하면 이와 같은 창이 나옵니다. 여기서 소수점이 존재하는 프레임 or 레이어 등을 선택하고 ‘run’버튼을 클릭합니다. Pixel Perfect는 선택한 프레임이나 그룹의 모든 하위 항목에서 실행되므로 간단히 최상위 프레임을 선택할 수 있습니다.
‘Select layers to applay Pixel perfect to’ 문구가 녹색으로 바뀌며 ‘Pixel Perfect Applied!’라고 변경됩니다.
끝입니다. 너무 쉽죠? 너무 빨라서 혹시 소수점 픽셀이 그대로 남아있진 않을까 의심이 됩니다.
변경 전과 변경 후의 모습입니다. 소수점 제거가 잘 되었네요. 이 플러그인은 기존 숫자를 반올림하여 정수로 변경해줍니다.
결론
혹시 급하게 작업해서 픽셀 그리드를 맞추는 것을 깜빡했다 해도 안심하세요. Pixel Perfect 플러그인을 이용하여 매우 쉽고 빠르게 소수점을 제거하세요. UI디자이너에게 매우 유용한 플러그인이라 지금 바로 실행해보시길 추천합니다. 피그마에서 디자인 작업을 쉽고 빠르게 할 수 있도록 도와주는 플러그인이 계속하여 공개되고 있습니다. 앞으로도 좋은 플러그인 찾아서 많이 공유드릴게요!