[PRA] AI와 디자이너의 협업 : ChatGPT와 Figma로 포스터 제작하기

3알 차 수업에서는 'AI 시대에서 디자이너의 공존'이라는 주제로 '대 AI 시대에서 디자이너의 똑똑한 공존법 : 협

업 프로세스와 프롬프트 엔지니어링'을 포스팅하면서 AI와 디자이너가 어떻게 협업할 수 있는지에 대하여 정리했습니다.

 

3일 차 실습에서는 AI가 적용된 서비스 사례를 분석하고, Chat GPT와 Figma를 활용해 실제 포스터를 제작하는 것이었습니다. 이번 포스팅에서는 제가 레퍼런스 조사부터 프롬프트 작성, 시안 제작, 피드백 반영까지의 과정을 기록해 보겠습니다.

---

1. 앱서비스에서 AI가 적용된 사례

서비스명

• 당근마켓

적용 중인 AI 기능

• 상품 사진을 업로드하면 AI가 자동으로 판매글 작성

 

비즈니스 임팩트

• 판매 글 작성의 진입장벽을 낮춰 거래 활성화 유도
• 판매 게시글 증가를 통한 플랫폼 체류 시간 증대
• 상품 데이터 자동 분류를 통한 데이터 품질 향상
• 판매자가 쉽고 빠르게 상품을 등록할 수 있어 신규 판매자 유입 효과 기대
• 입력 정보를 표준화하여 검색 정확도 향상
• 많은 매물 확보를 통해 구매자의 탐색 경험 개선 및 거래 성사율 증가

사용자 기대효과

• 사지만 업로드해도 판매글 초안을 빠르게 작성할 수 있어 판매 과정이 간소화.
• 중고거래를 자주 하지 않는 사용자나 글 작성에 부담을 느끼는 사용자에게 유용한 기능이라고 생각을 했으며, 직접 상품명과 설명을 작성해야 하는 번거로움을 줄여주기 때문에 판매까지의 심리적 장벽을 낮춰주는 효과

> 실제 사용해 본 결과, 사진만으로 모든 정보를 정확하게 파악하는 것에는 한계가 있었습니다. 상품의 사용감이나 구성품 여부, 거래 시 주의사항과 같은 세부 정보는 추가로 입력해야 함.

 

> AI가 생성한 문구가 실제 상품 상태와 다를 수 있기 때문에, 판매자는 게시 전에 내용을 반드시 확인하고 수정과정을 거쳐야 하며, 해당 기능은 판매글을 한 번에 완성해 준다기보다는 판매글 작성을 도와주는 보조 도구의 역할이 가까움을 느꼈습니다.

---

2. Chat GPT + Figma 포스터 제작

• AI가 생성한 결과물을 그대로 사용하는 것이 아니라, 레퍼런스를 수집하고 방향성을 설정한 뒤 디자인 작업에 활용하는 방식으로 진행

[ 송2's 디자인 워크플로우 ]

• 주제 있는 경우 : 주제 분석 → 키워드 도출 → 레퍼런스 조사 →  콘셉트 설정 →  시각 요소 정리 → 시안 제작 → 피드백 반영
• 주제가 없는 경우  : 관심사 탐색 → 트렌드 확인 → 후보 주제 정리 →  구현 가능성 검토 →  최종 주제 선정 → 키워드 도출 → 레퍼런스 조사 → 시안제작 → 피드백 반영 

 

step1. 레퍼런스 조사 : Pinterest를 중심으로 다양한 레퍼런스 수집

[ 불상 레퍼런스 ]

 

[ 조명 레퍼런스 ]

 

[ 타이포 그래피 레퍼런스 ]

step2. GPT 롤플레잉, 마크다운

• 레퍼런스를 기반으로 ChatGPT에게 디자이너 역할을 부여하고 롤플레잉 방식으로 포스터 콘셉트를 구체화

[실제 사용 프롬프트]

step3. GPT 세부보정

 

chat gpt 활용하여 뽑은 이미지

 

 

[제출안- 피그마 수정]

 

[ 강사님 피드백 ]

• 타이포그래피가 좀 더 조형적으로 표현되면 좋을 것 같음
• 좌우 여백에 대한 고려 필요

[ [ 피드백 반영안 ]

• 폰트 수정 / 폰트 구성 수정 / 상하 좌우 여백 수정

 

[ 강사님 2차 피드백 ]

• 타이포그래피가를 가로배열로 바꾸도 괜찮을 것 같다. 레퍼런스를 더 찾아보고 구성 변경하면 좋을 것 같겠다.
• 좌우 여백에 대한 고려 필요

실무를 진행할때 사실 Ai는 문서작성할때 주로 많이 사용했지 이미지를 만드는 것에는 많이 활용해보지 않아서, 이번 수업이 많이 유용했고, 디자이너가 AI와 협업하는 방식에 대해 연습할 수 있는 실습이였습니다. 2차 피드백은 오늘 받아서 다음에 수정본도 추가해보겠습니다.