How To Use PixelDiff

STEP 01

새 프로젝트 시작

비교할 서비스의 URL을 입력하여 프로젝트를 시작하세요. pixelDiff가 자동으로 해당 웹사이트를 로드합니다.

STEP 02

라이브 화면 캡처

PixelDiff가 실제 서비스 화면을 로드하고 자동으로 스크린샷을 캡처합니다. 캡처된 이미지는 프로젝트에 저장됩니다.

STEP 03

Figma 디자인 업로드

비교할 Figma 프레임을 선택하고 업로드하세요. Figma 파일의 여러 프레임을 동시에 업로드할 수 있습니다.

STEP 04

오버레이 및 비교

라이브 화면과 Figma 디자인을 겹쳐서 픽셀 단위 차이를 즉시 확인하세요. 투명도와 위치를 조절할 수 있습니다.

지금 시작하세요

시작하기