웹사이트를 피그마로 가져오는 가이드

웹 페이지를 피그마로 제대로 옮기는 이야기. 무엇이 어떻게 깨지고, 무엇을 확인해야 하는지.

웹 화면을 Figma로 가져온 뒤 배치가 달라졌을 때

Auto Layout을 바꾸기 전에 폰트, 캡처 폭, 줄바꿈 순서로 확인하세요. 원본 프레임은 비교용으로 남겨둡니다.

빈칸, 네모, 평평한 이미지는 해결 방법이 다릅니다. 먼저 가져온 레이어의 종류를 확인하세요.

Chrome에서 웹사이트에 로그인한 뒤 대시보드와 열린 메뉴를 캡처해 Figma 레이어로 가져옵니다. 화면 준비부터 가져오기 후 확인까지 안내합니다.