PRODUCT DESIGNER/Daily 🫧

[Day 45] AI와 디자인 프로세스 (2)

honyonii 2025. 11. 17. 17:29
📍 목차
1. AI 활용 사례
2. 바이브코딩
3. AI를 통한 디자인 프로세스

1. AI 활용 사례

삼성생명: 광고 영상 전체를 AI로 제작

 디자이너 김지현: 프롬프트를 활용한 작품 활동

 롯데 백화점: 시즌별 광고를 AI로 제작

 랜드로버: 일부 장면을 제외하고 AI로 제작하여 촬영시간 1시간으로 끝

 CJ 영화 [엠호텔]: 영상 길이는 7분이지만 AI로 제작한 영화


2. 바이브 코딩

바이브 코딩이란?

대규모 언어모델 LLM을 활용해 자연어로 지시하면 AI가 코드를 자동으로 생성해주는 새로운 개발방식

v0 / Supershisper / Cursor / Bolt / Lovable 등의 툴을 사용한다.

 

📌 자연어 코딩 도구의 등장으로 디자이너와 개발자의 경계에 변화가 생기고, 워크플로우가 향상되었다.

  • 빠른 출시
  • 원활한 소통
  • 사용자 피드백 반영

 

▼ AI 바이브 코딩 관련 글

더보기

3. AI를 통한 디자인 프로세스

 


 


 

 

 

💬 혁신의 역사는 침대, 벗, 욕조이다


실습.
1. 서비스/앱 주제 및 문제정의
2. AI를 통한 아이디어 발산과정 정리
3. 와이어프레임 제작
4. 최종 분석 및 회고 (AI 활용의 장점 / 한계)

 

저번에 기획? 했던 작심삼일 방지 다이어트/식단 서비스에 대해 진행해봤다..

문제, 해결방안 구체화


wireframe designer 플러그인

 

🗣️ stitch, Figma make 에 작성할 프롬프트 작성도 AI 활용

💻 https://meal-buddy-wire.lovable.app

 

NutriTrack - Smart Diet & Meal Management

AI-powered diet and meal management app for tracking nutrition, workouts, and achieving your fitness goals with personalized plans

meal-buddy-wire.lovable.app

 

💻 https://www.figma.com/make/4HCjjpltYKPRGpcVWNRTwj/Diet-buddy?node-id=0-4&t=jEHK7mMoNv8RHDmw-1

 

Figma

Created with Figma

www.figma.com

 

💻 https://stitch.withgoogle.com/projects/10530041302875262540

 

Stitch - Design with AI

 

stitch.withgoogle.com


 

[피드백]

💬 AI를 활용한 사례와 바이브코딩처럼 AI로 코딩, 디자인이 가능하다는 것과 과정은 알겠는데...
과제로 와이어프레임까지 만들기를 해보니까 너무 내가 하는게 없는 느낌이라 자꾸 '이렇게 하라고 하신게 맞나..?'하는 의문이 든다
그래도 프롬프트만 잘 작성하면 퀄리티 좋은 결과물이 나오는 것은 편한 것 같다.

근데 오늘은... 결과물 퀄리티가 별로인 것 같다...
AI가 작성해주는 프롬프트를 잘 보면서 나중에는 내가 직접 입력해서 더 퀄리티 좋은 결과물을 얻을 수 있게 되기를...!!🙏🏻🥹