팀 공유:
내려받은 파일을 GitHub 저장소 최상위(index.html 옆)에 올리면 팀 전체에 보입니다. 템플릿은 templates.json, 뱃지·로고는 badges.json.
1. 이미지 올리기
2. 기본 정보
3. 영역 지정
· 글자 위를 한 번 클릭 → 글자 크기에 맞춰 상자가 잡힙니다. · 사진처럼 큰 영역은 드래그로 그립니다. · 상자를 끌면 이동, 오른쪽 아래 모서리로 크기 조절, Delete로 삭제. · 끌 때 다른 상자의 선·가운데에 자동으로 붙고 분홍 안내선이 보입니다 (Alt 누르면 해제). · 여러 개 선택: Shift(또는 Ctrl)+클릭, 빈 곳에서 Shift+끌기로 범위 선택 → 오른쪽에서 왼쪽·가운데 맞춤, 같은 크기, 간격 균등. · Shift+끌기(상자 위에서): 그 상품 자리 전체를 함께 이동 · 방향키 1px, Shift+방향키 10px. · 1번 자리를 다 잡은 뒤 오른쪽 ‘다른 자리에 복사’로 2·3번을 만들면 크기·정렬이 똑같이 맞습니다.
완성본 이미지를 먼저 올려 주세요.
필수 영역 확인
상품번호
칸 번호 = 미리보기의 자리 번호. 여러 번호를 첫 칸에 붙여 넣으면 순서대로 나뉩니다.
뱃지·로고
클릭하면 미리보기에 추가됩니다. 이미지를 이 칸으로 끌어다 놓거나 올리면 저장되어 다음에도 쓸 수 있습니다. (투명 배경 PNG 권장)
메인·서브 카피
비워 두면 템플릿 원본 글자를 그대로 씁니다. [대괄호]로 감싼 단어는 강조색이 됩니다.
클릭해서 색 가져오기 · Esc 취소
사진은 끌어다 놓기로 교체, 선택한 사진은 끌어서 위치·휠로 확대 · 요소를 클릭 → 바로 위에 도구 · 선택한 글자는 끌거나 방향키로 위치 이동 · 크기는 숫자 입력, 휠, +/− 키 · 더블클릭으로 내용 수정 · Shift+클릭으로 여러 개 골라 정렬 · Ctrl+Z 되돌리기
자동 확인
작업 저장
변경하면 자동으로 임시저장됩니다. 홈 ‘최근 작업’에서 이어서 할 수 있습니다.
메인·서브 카피 고르기
숫자는 조회값만 씁니다. 상세페이지에 없는 효능·순위·최저가 표현은 만들지 않습니다. ‘AI 추천 받기’를 누르면 GPT 4안이 앞에 추가되고, 조회값에 없는 숫자·과장 표현이 들어간 안은 자동으로 빠집니다.
누끼 따기
원본배경색 찍기·구멍 지우기는 여기를 클릭
결과 (체크무늬 = 투명)지우개·복원 붓은 여기에 문지르기
현재
배경이 복잡한 연출 사진은 ‘AI로 누끼 따기’를 쓰세요. AI는 투명하게 할 곳만 정하고, 상품 픽셀은 원본 그대로 씁니다.
AI 작업 중
보통 20~60초 걸립니다 · 0초
Figma에서 템플릿 불러오기
레이어 이름 규칙(product__card-1, #product-text, #price, #product-image, Slot/Copy/Headline)대로 상품명·가격·사진·헤드라인 영역을 자동으로 잡고, 상품명·가격 글자를 뺀 빈 템플릿을 만듭니다. 디자이너가 ‘이름/빈’ 프레임을 만들어 두면 그것을 빈 템플릿으로 씁니다. Figma 파일은 바뀌지 않습니다.
여러 개 고르면 바로 저장, 1개면 등록 화면에서 확인
AI로 디자인 고치기
상품 사진·상품명·가격·로고는 바뀌지 않습니다. 주황 상자 안의 배경·장식만 고치고, 적용 전에 전/후를 비교합니다.
헤드라인 문구 바꾸기 (AI)
템플릿에 그려진 헤드라인을 같은 서체·색·외곽선·그림자로 새 문구로 바꿉니다. 바꿀 영역은 템플릿마다 기억합니다.
AI가 쓴 글자는 한 번 더 읽어서 입력한 문구와 같은지 확인합니다. 다르면 경고가 뜹니다.