사용 전 준비 · 사용방법 (Figma)
- Prototype 패널에서 Background = Transparent 로 설정하세요.
- Size = 390×844px (혹은 원하는 사이즈)로 설정하세요.
- Share 링크를 복사해 주세요. (Embed 코드 아님)
미리보기
* Framer에서 최종 크기 조절
Share 링크를 붙여넣으면 미리보기가 나타납니다.
결과 iframe 코드
Framer에서 컨테이너로 감싸 border-radius나 크기를 조절하세요.
여기에 결과 코드가 표시됩니다.
확인 체크리스트
- Framer → Insert → Embed → HTML 에 결과 코드를 붙여넣으세요.
- 사이즈를 조정하여 목업 이미지에 맞춰 넣으세요.
- 목업 이미지는 Styles → Pointer Events → None 으로 설정하세요. *(그래야 아래 레이어의 프로토타입이 조작됩니다.)