Search

피그마 디자인(Frame URL)을 페이지로 변환하기

피그마 디자인 변환 기능은 계정 연동 후 원하는 프레임(Frame) URL 만 붙여넣으면, 피그마로 디자인한 페이지를 식스샵 프로 에디터에서 재편집 가능한 섹션/블록들로 재구성된 페이지로 변환을 해주는 기능입니다.
참고 사항
이용 중이신 피그마 요금제(플랜)에 따라 페이지 변환 기능 사용에 제한이 있을 수 있습니다.
팀 - Starter (무료): 시트 유형과 상관없이 월 최대 6회까지만 호출이 가능합니다.
팀 - Professional: View 시트는 월 6회로 제한되며, Dev/Full 시트만 분당 10회까지 가능합니다.
팀 - Organization: View 시트는 월 6회로 제한되며, Dev/Full 시트만 분당 15회까지 가능합니다.
팀 - Enterprise: View 시트는 월 6회로 제한되며, Dev/Full 시트만 분당 20회까지 가능합니다.

피그마 토큰 생성하기

1.
[피그마 좌측 상단 내 계정 > Settings > Security] 탭에서 토큰 생성 클릭
피그마 토큰은 보안을 위해 생성된 직후에만 복사할 수 있도록 제공됩니다. 기존 토큰을 분실하셨거나 확인할 수 없다면, 기존 토큰을 삭제하신 후 새롭게 생성해 주세요.
2.
필수 항목 체크 후 토큰 생성 버튼 클릭
설정 유의 사항
필수 권한(Scopes) 설정: 사용자 정보와 콘텐츠 읽기 권한 2개만 체크해 주세요. 체크를 해야 디자인을 정상적으로 가져올 수 있습니다.
해당 토큰은 읽기 전용 액세스로만 작동하므로 안심하고 사용하셔도 좋습니다.
유효 기간 설정: 유효 기간이 만료되면 토큰은 다시 생성해야 하므로, 서비스를 계속 이용하실 예정이라면 넉넉하게 설정하는 것을 권장합니다.
최소 1일부터 90일까지 지정할 수 있습니다.
3.
생성된 토큰 복사
피그마 토큰은 보안을 위해 생성된 직후에만 복사할 수 있도록 제공됩니다. 이후 토큰 값을 알 수 없으므로 따로 메모해 두시는 것을 권장합니다.
만약 기존 토큰을 분실하셨거나 확인할 수 없다면, 기존 토큰을 삭제하신 후 새롭게 생성해 주세요.
4.
복사한 토큰을 디자인 에디터에 붙여넣기
5.
연동한 계정의 피그마 디자인 Frame URL 복붙하고 변환 클릭
프레임 잡고 우클릭 > Copy link to section > 식스샵 프로에 붙여넣고 변환 클릭
6.
피그마 디자인 페이지로 변환 완료
식스샵 프로 디자인 에디터에서 재편집 가능한 섹션/블록들로 재구성된 페이지로 전환됩니다. 편집이 필요한 부분이 있다면, AI 블록 수정 기능을 통해서 원하는 설정 패널을 만들어 보세요.
공지 사항 안내하기
웹사이트 디자인으로 돌아가기