챗GPT로 상세페이지 자동생성! 피그마 디자인 복제 꿀팁 (feat. 이미지 2.5)
게시일:
작성자: 자청의 유튜브 추출기
GPT로 피그마 상세 페이지 작업 완전 자동화하는 꿀팁! 🐶➡️🛋️
요약: 비슷한 제품 상세 페이지 만들 때, GPT랑 피그마만 있으면 뚝딱! 퀄리티도 올리고 시간도 아끼는 방법 알려줄게.
1. 왜 GPT랑 피그마를 써야 할까? 🤔
- 제품이 비슷해도 상세 페이지는 다르게! 여러 개 만들고 싶을 때, 하나 만들고 퀄리티 올리고 싶을 때 GPT가 도와줘.
- 시간 절약은 기본! 이미지랑 텍스트만 바꿔서 계속 만드는 거, 이제 지겹잖아? GPT로 빠르고 쉽게!
- 퀄리티 UP! 생각만 했던 디자인, 이제 GPT가 피그마에서 뚝딱 만들어줘. 기획만 잘 하면 수정 시간도 확 줄어!
2. GPT & 피그마 연결하기 (완전 쉬움!) 🔗
- 피그마 열기: 피그마 없으면 검색해서 설치해.
- 플러그인 찾기: 왼쪽 메뉴에서 '플러그인' 누르고 'Figma MCP' (이름이 좀 어렵지만 괜찮아!) 검색.
- 설치 & 연결: '사용해 보기' 누르고 '플러그인 설치' 누른 다음, 계정 연결 동의하면 끝! 진짜 쉬움!
3. 기존 상세 페이지 새 제품으로 바꾸기 🐶➡️🛋️
- 준비물: 기존 상세 페이지 파일, 새 제품 이미지 링크 (도매처 링크 등)
- 방법:
- 기존 상세 페이지 파일 열기.
- 새 제품 이미지 링크를 GPT에 넣고 '이미지 만들어줘!' 요청.
- 구조는 그대로 두고 제품이랑 텍스트만 바꿔줘!
- 꿀팁:
- 아스트라 모델: 퀄리티는 최고지만 크레딧 소모가 커. 제품/카피만 바꾸거나 레이아웃 살짝 수정할 땐 굳이 안 써도 돼.
- 스타일 변경: 원하는 디자인을 핀터레스트에서 찾아서 피그마로 가져와. GPT에 레퍼런스 이미지 넣고 '이 스타일로 바꿔줘!' 하면 끝!
- 수정은 피그마에서: GPT로 왔다 갔다 번거롭게 하지 말고, 피그마 안에서 스타일만 바꿔봐. 텍스트는 그대로 살릴 수 있어!
- 주의! 스타일만 참고하고, 색상이나 모양은 꼭 바꿔서 사용해야 해. 똑같으면 안 돼!
4. 박스 스타일도 뚝딱! 📦
- 이미지가 아닌 박스 스타일도 GPT로 쉽게 바꿀 수 있어.
- 방법:
- 바꿀 부분 선택.
- 참고할 디자인도 같이 선택.
- 간단하게 프롬프트 입력하면 끝!
- 장점: 기존 텍스트 그대로 살아있어서 수정도 가능해.
5. 카드 뉴스까지 한 번에! 📰
- 준비물: 카드 뉴스 템플릿 (피그마에 있는 거 활용해도 돼!)
- 방법:
- 카드 뉴스 템플릿 열기.
- 앞에서 사용했던 제품 기획 그대로 넣고 '카드 뉴스 만들어줘!' 요청.
- 활용: 이렇게 만든 디자인은 '스킬'로 저장해서 나중에 또 쓸 수 있어.
6. 크레딧 사용, 현명하게! 💰
- AI 비용이 싸냐 비싸냐만 보지 말고, 반복 작업 시간을 얼마나 줄이는지 생각해야 해.
- 간단한 이미지 하나 만드는데 수십 번 수정하면 크레딧 금방 사라져.
- AI로 만드는 게 결국 비용도 줄이고 능력도 키우는 방법이야!
결론: GPT랑 피그마만 있으면 비슷한 제품 상세 페이지, 카드 뉴스까지 순식간에 뚝딱! 시간도 아끼고 퀄리티도 높여서 스마트하게 판매하자! 💪