Figma Weave · 이미지 · 실전
상품 상세페이지 시스템
제품 사진 한 장을 배경, 사용 장면, 비교 컷으로 나누어 상세페이지에 씁니다.
nodes
- Import Image
- Remove Background
- Replace Background
- Compositor
inputs
- 제품 사진
- 섹션 목록
- 카피 여백
outputs
- 히어로 컷
- 기능 컷
- 사용 장면
- 비교 컷
상세페이지 시스템은 세로로 긴 한 장을 한 번에 만드는 방식이 아닙니다. 제품 사진을 입력값으로 두고, 히어로 컷·기능 컷·사용 장면·비교 컷을 노드로 나눕니다.
카피와 로고는 이미지 생성에 맡기지 않습니다. 마지막에 Compositor로 얹어 글자 깨짐을 줄입니다.
노드 체인
- 제품 사진을 입력합니다.
- 배경을 제거합니다.
- 섹션별 배경을 생성하거나 교체합니다.
- 필요한 컷만 반복 생성합니다.
- Compositor에서 카피와 로고를 얹습니다.
확인 기준
- 제품 형태가 유지됐는가
- 카피가 들어갈 여백이 있는가
- 다음 상품에도 같은 구조를 재사용할 수 있는가
links