진도
🎨 Stage 4 · AI 디자인 마스터 · 이미지·음악·영상·UI

보이는 것이
팔린다

콘텐츠가 없으면 서비스가 팔리지 않습니다. 이 Stage 하나만 제대로 배워도 유튜브, 블로그, SNS, 웹디자인을 혼자 다 할 수 있습니다. 디자이너 채용 비용을 0원으로 만드는 시간입니다.

학습 시간 약 6~8시간 (가장 풍성)
5개 파트 · 도구 15종
산출물 3개
✦ 이 커리큘럼을 관통하는 한 문장
"기술은 AI가, 영혼은 사람이"
이미지·음악·영상은 모두 AI가 만듭니다. 하지만 "어떤 톤으로, 누구에게, 무엇을 전할지"는 오직 당신이 결정합니다. AI 슬롭(slop)과 진짜 콘텐츠의 차이는 거기서 갈립니다.
🎯 Stage 3에서 받아온 것 → Stage 4에서 만들 것
예시 프로젝트: AI 뉴스레터 자동화 서비스
Stage 3까지는 "AI가 뭘 만들지의 규칙"이었다면, Stage 4는 "AI가 무엇을 만들지의 결과물"입니다. 뉴스레터 서비스의 헤더 이미지·SNS 카드뉴스·OG 이미지·소개 쇼츠·랜딩페이지 디자인 시안까지. 이 자산들이 Stage 5에서 Claude Code가 짤 랜딩페이지의 재료가 됩니다.
Stage 1: 기획
→
Stage 2: 문서화
→
Stage 3: 컨텍스트 엔지니어링
→
Stage 4: 디자인·콘텐츠
→
Stage 5: Claude Code
→
Stage 9: 마케팅
PART A
UI/UX 디자인 도구
"먼저 어디에 그릴 것인가" — 두 도구의 역할과 경계

Figma — UI 설계 표준

웹·앱 화면 설계의 사실상 표준. 2026년 Gemini가 통합되면서 더 강해졌습니다

Figma는 "사이트나 앱의 모습을 그리는 곳"입니다. 손으로 그리지 않습니다. Figma AI(Gemini 통합)가 텍스트로 첫 화면을 만들고, Figma Make가 프로토타입을 자동 생성합니다. 그리고 Figma Dev Mode가 그 디자인을 코드로 바꿔 Claude Code로 핸드오프합니다.

⚖️ Figma vs Canva — 언제 뭘 쓰나
🎨
UI/UX 설계
Figma
✓ 웹·앱 UI 설계 (랜딩페이지, 마이페이지)
✓ 컴포넌트 시스템 (재사용 부품)
✓ 개발 핸드오프 (Dev Mode → 코드)
✓ 협업·코멘트
✗ SNS 카드뉴스 (Canva가 빠름)
✗ 빠른 마케팅 콘텐츠
VS
✨
콘텐츠 양산
Canva
✓ SNS 콘텐츠 (인스타·스레드·링크드인)
✓ 마케팅 자료 (썸네일·배너·전단)
✓ Magic Resize (한 디자인 → 여러 플랫폼)
✓ Brand Kit (로고·색·폰트 일괄)
✗ 복잡한 웹 UI 설계 (Figma가 강함)
✗ 개발자 핸드오프
🎯 1인 창업가의 실전 분담
Figma: 랜딩페이지·앱 화면·마이페이지 등 "제품 그 자체"
Canva: SNS·블로그 헤더·뉴스레터 썸네일·유튜브 썸네일 등 "제품을 알리는 모든 것"

둘 다 무료 티어로 충분. Figma 유료는 팀 협업이 필요할 때, Canva Pro는 Magic 기능 무제한이 필요할 때.
🤖 Figma AI 3대 기능 (2026 표준)
기능무엇을 하나실전 예시
Make Design
(Gemini 통합)		 텍스트 한 줄로 화면 첫 시안 생성 "AI 뉴스레터 랜딩페이지 — 다크 테마, 그린 포인트, 가입 폼 강조" → 30초 만에 시안
레이어 자동 정리 중구난방 레이어를 그룹화·이름 정리 AI가 만든 시안의 50개 레이어를 한 번 클릭으로 정돈
Visual Search 이미지로 비슷한 컴포넌트 검색 스크린샷 첨부 → "이런 카드 디자인 만들어줘"
Figma Make 텍스트 → 프로토타입 (인터랙션 포함) "가입 → 결제 → 완료 화면 3개 만들어, 버튼 클릭 시 다음 화면"
Dev Mode 디자인 → React/CSS 코드 자동 변환 완성된 시안을 Claude Code에 핸드오프하면 80% 자동 구현
📰 뉴스레터 서비스 랜딩페이지 Figma 흐름
① Make Design: "AI 뉴스레터 랜딩 — 다크 테마, 그린 포인트, 메인 카피 + 가입 폼 + 사회적 증명"
② 검토·수정: 헤더 이미지 자리 잡기, 폰트 크기 조정
③ 컴포넌트화: 버튼·입력 필드·카드를 재사용 컴포넌트로 등록
④ Dev Mode 켜기: 색상 토큰·간격을 CSS 변수로 추출
⑤ Claude Code 핸드오프: "이 Figma 파일 보고 Next.js로 짜줘" → Stage 5로 연결

Canva Magic Studio — 비디자이너 최강 도구

디자인을 못 해도 일정한 품질의 콘텐츠를 매일 양산할 수 있게 해주는 마법

Canva의 진짜 가치는 템플릿이 아니라 Magic Studio입니다. AI가 디자인을 만들고, 한 번에 모든 플랫폼 사이즈로 변환하고, 브랜드 일관성을 자동으로 유지합니다. 1인 창업가의 콘텐츠 제작 시간을 1/10로 줄이는 도구.

Magic 기능역할뉴스레터 서비스 활용
Magic Design 텍스트로 디자인 첫 초안 생성 "AI 뉴스레터 인스타 카드 — 미니멀, 그린 포인트, 텍스트 강조"
Magic Resize 한 디자인 → 모든 플랫폼 사이즈로 즉시 변환 인스타 1080² → 유튜브 썸네일 1280×720 → 링크드인 1200×627 한 번에
Magic Write 본문·카피 자동 생성 SNS 카드뉴스의 5장 카피를 한 번에 생성
Brand Kit 로고·컬러·폰트 등록 → 모든 디자인에 일괄 적용 그린 #10b981 + 로고 + 폰트 등록하면 모든 콘텐츠 자동 통일
Content Planner 제작 → SNS 예약 발행 일주일 분량 콘텐츠를 예약해두고 자동 발행
⚠️ AI 슬롭(Slop) 안티패턴 — 절대 피할 것
1. 기본 템플릿 그대로: 누구나 알아봄. 신뢰도 폭락. 최소한 컬러·폰트는 내 Brand Kit으로.
2. AI 생성 이미지 표시 없이 사용: 사람 얼굴은 특히 위험. 명확히 "AI generated" 또는 실사용.
3. 모든 콘텐츠를 같은 패턴으로 양산: 알고리즘이 "스팸"으로 분류. 일주일에 1~2번은 직접 손으로 다듬기.
4. 카피가 비슷한 톤: ChatGPT 특유의 "여러분, ~~함께 ~~해요!" 톤 → 즉시 알아챔. UI_GUIDE.md에 금지 표현 등록.
PART B
이미지 생성 실전 마스터
프롬프트 6요소 + 도구 4종 + 워크플로우

이미지 프롬프트 6요소

"멋있게" 같은 추상어 대신, 6개 항목을 명확히 — 결과물 품질이 10배 차이

AI 이미지가 별로인 이유는 모델이 약해서가 아니라 프롬프트가 모호해서입니다. 6요소를 다 채우면 어떤 모델이라도 결과가 좋아집니다. 외워두세요.

01 · SUBJECT
주제
무엇이 보이는가
예: "노트북을 보며 커피를 마시는 30대 남성"
02 · STYLE
스타일
어떤 미감인가
예: "포토리얼리스틱", "미니멀 일러스트", "1990 잡지 스타일"
03 · LIGHTING
조명
빛이 어떻게 떨어지나
예: "자연광", "골든아워", "뒤에서 비치는 림 라이트"
04 · COMPOSITION
구도
카메라 위치와 앵글
예: "정면 클로즈업", "오버숄더", "탑뷰 플랫레이"
05 · COLOR
색감
전체 톤·팔레트
예: "따뜻한 베이지+그린", "쿨톤 블루+화이트", "모노크롬"
06 · QUALITY
품질
해상도·디테일
예: "8K, 샤프 디테일", "필름 그레인", "85mm f/1.4 보케"
📰 6요소를 적용한 뉴스레터 헤더 이미지 프롬프트
나쁜 예: "뉴스레터 멋있는 이미지" → AI가 갈피를 못 잡음
좋은 예: "노트북으로 뉴스레터를 읽는 30대 남성[주제], 미니멀 일러스트 스타일[스타일], 자연광 위에서[조명], 측면 미디엄 샷[구도], 다크 그린 + 베이지 팔레트[색감], 깔끔한 벡터 디테일[품질]"

6요소 형식만 지키면 Flux 2든 Midjourney든 일관된 품질이 나옵니다.

이미지 도구 4종 — 언제 뭘 쓰나

하나로 다 안 됩니다. 용도가 다릅니다

Flux 2
bfl.ai
★ 사실적 이미지 · 텍스트 렌더링 강함
2026년 포토리얼리즘의 사실상 표준. 사람 얼굴·손가락·텍스트 렌더링이 가장 정확. 뉴스레터 썸네일·OG 이미지에 최적.
📰 뉴스레터: 헤더 이미지, 카테고리별 썸네일
Midjourney v7
midjourney.com
★ 아트 · 일러스트 · 무드 강함
감성적이고 예술적인 무드가 필요할 때. 사실보다 분위기 중심. 브랜드 비주얼 아이덴티티 만들 때 최강.
📰 뉴스레터: 브랜드 일러스트, 표지 아트
Google AI Studio (Imagen 3)
aistudio.google.com
★ 한국어 프롬프트 · 무료 시작
한국어로 직접 프롬프트 가능. Gemini와 통합되어 대화하며 수정. 무료 티어가 넉넉해서 처음 시작하기 좋음.
📰 뉴스레터: 빠른 시안, 블로그 본문 삽화
Adobe Firefly
firefly.adobe.com
★ 상업적 라이선스 안전
Adobe Stock으로 학습되어 상업 사용 시 저작권 분쟁 위험 가장 낮음. 유료 콘텐츠·광고에 사용할 이미지에 적합.
📰 뉴스레터: 유료 구독자 메일·광고용 이미지
⚡ 이미지 생성 마스터 프롬프트 (6요소)
[Subject 주제]: 노트북을 보며 커피를 마시는 30대 직장인 남성, 책상에 뉴스레터가 펼쳐져 있음 [Style 스타일]: 미니멀 일러스트, Apple Newsroom 스타일 [Lighting 조명]: 따뜻한 자연광, 우측에서 들어옴, 부드러운 그림자 [Composition 구도]: 측면 3/4 미디엄 샷, 인물이 화면 좌측, 우측 여백 [Color 색감]: 다크 베이지 배경 + 그린 포인트(#10b981), 따뜻한 톤 [Quality 품질]: 8K, 샤프 디테일, 깔끔한 벡터 라인 용도: 뉴스레터 서비스 랜딩페이지 헤더 크기: 16:9 (1920x1080) 사용 도구: Flux 2 부정적 프롬프트 (피할 것): - 만화 스타일, 과한 채도, 어두운 분위기, 텍스트 오버레이

실전 워크플로우 — 뉴스레터 비주얼 자산 4종

한 번에 다 만들고 Brand Kit으로 일관성 유지

자산도구크기용도
1. 헤더 이미지 Flux 2 + Canva 마감 1920×1080 랜딩페이지 메인 비주얼
2. SNS 카드뉴스 5장 Canva Magic Design 1080×1080 인스타·스레드 발행
3. 유튜브 썸네일 Canva + Flux 2 인물 컷 1280×720 유튜브 쇼츠·롱폼
4. OG 이미지 Canva (Brand Kit) 1200×630 카톡·링크 공유 시 미리보기
🎨 일관성을 만드는 한 가지 팁
도구가 달라도 같은 컬러 토큰(예: 그린 #10b981, 베이지 #F5F1E8)을 쓰면 전체가 한 시리즈처럼 보입니다. Stage 3에서 만든 UI_GUIDE.md에 컬러 토큰을 명시하고, 모든 이미지 프롬프트에 색상 코드를 박아 넣으세요. 이게 1인 창업가가 디자이너 없이 브랜드 일관성을 유지하는 비결.
PART C
음악·오디오 생성 실전
"BGM이 있고 없고가 콘텐츠 신뢰도를 가른다"

음악·오디오 도구 4종

가사 있는 노래부터 내 목소리 클로닝까지 — 모든 오디오를 30분 안에

2026년에는 음악 라이선스를 살 필요가 없습니다. Suno로 30초 BGM을 30초 만에 만들고, ElevenLabs로 내 목소리를 클로닝해서 매번 녹음 안 해도 유튜브 내레이션이 자동으로 나옵니다. 콘텐츠 제작 시간이 1/5로 줄어듭니다.

Suno v5
suno.com
★ 가사+멜로디+보컬 한 번에 · 한국어 OK
"기쁘고 가벼운 K-팝 30초, AI 뉴스레터 광고용" → 1분 안에 완성. 한국어 가사 발음 자연스러움.
📰 뉴스레터: 인트로 BGM 30초, 광고 음악
Udio
udio.com
★ 음질 · 가사 없는 BGM 강함
Suno보다 음질이 깔끔. 보컬 없는 인스트루멘탈 BGM이 자연스럽고 길게 만들기 좋음.
📰 뉴스레터: 유튜브 롱폼 배경음악
ElevenLabs
elevenlabs.io
★ 내 목소리 클로닝 · 자연스러운 한국어
3분 녹음 → 내 목소리 모델 생성 → 텍스트 입력하면 내 목소리로 읽어줌. 매일 녹음 안 해도 됨.
📰 뉴스레터: 오디오 버전 자동 생성, 유튜브 내레이션
NotebookLM
notebooklm.google.com
★ 문서 → 팟캐스트 자동
PDF·문서를 업로드하면 두 명의 AI 진행자가 대화하는 팟캐스트로 변환. 한국어 지원.
📰 뉴스레터: 주간 뉴스 요약을 10분 팟캐스트로
📰 실전: 뉴스레터 인트로 BGM 30초 만들기 (Suno)
1. 프롬프트: "Calm morning vibes, soft piano + light beat, 30 seconds, podcast intro, Korean newsletter brand"
2. 가사: 빈칸으로 두거나 "Brief instrumental"
3. 결과 2~3개 받아서 가장 잘 어울리는 것 선택
4. 다운로드 → 영상 편집 도구(CapCut)에 import

이 BGM을 모든 영상·팟캐스트 인트로에 통일해서 쓰면 "브랜드 사운드"가 됩니다.
⚖️ 저작권 주의
Suno·Udio 무료 티어로 만든 음악은 상업적 사용 제한이 있을 수 있습니다. 유료 광고나 판매용 콘텐츠에 쓰려면 Pro 플랜 필요. ElevenLabs도 마찬가지 — 내 목소리 클로닝은 본인 동의가 명확해야 안전. 다른 사람 목소리는 절대 동의 없이 클로닝하지 말 것.
PART D
영상 생성 실전
"60초 쇼츠를 하루 안에 혼자" — 2026년이 가능하게 만든 것

영상 도구 4종

생성형 영상 + 편집 자동화 — 영상팀 없이 만드는 법

Veo 3.1
Google AI Studio
★ 영화급 영상 + 음향 자동
2026년 영상 생성의 사실상 정상. 영상에 자동으로 어울리는 사운드까지 합성. 8초 클립 단위.
📰 뉴스레터: 광고 영상, 인트로/아웃트로 컷
Sora 2
openai.com/sora
★ 창의적 · 비현실 · 시네마틱
현실보다 상상 속 장면이 강함. "은하계 속 노트북", "구름 위 도서관" 같은 추상적 비주얼.
📰 뉴스레터: SNS 어텐션용 임팩트 컷
Runway Gen-4
runwayml.com
★ 생성 + 편집 통합
생성한 영상을 그 자리에서 편집. Inpainting, 객체 제거, 카메라 무빙 추가까지 가능. 올인원.
📰 뉴스레터: 영상 후속 편집 통합 작업
CapCut AI
capcut.com
★ 숏폼 특화 · 자막 자동
한국어 자동 자막이 가장 정확. TikTok·쇼츠 템플릿 풍부. 무료로 충분.
📰 뉴스레터: 60초 쇼츠 최종 편집·자막

60초 쇼츠 — 하루 안에 혼자 완성

대본 → 이미지 → 보이스 → 편집 → BGM의 5단계 파이프라인

예전엔 영상 한 편에 며칠. 2026년엔 60초 쇼츠를 3시간 안에 혼자 만듭니다. 비결은 도구 5개를 정해진 순서로 거치는 파이프라인. 한 번 익히면 매일 1편씩 무한 양산 가능.

📝
1. 대본
Claude
15분
→
🖼️
2. 이미지
Flux 2
30분
→
🎙️
3. 보이스
ElevenLabs
10분
→
✂️
4. 편집
CapCut
60분
→
🎵
5. BGM
Suno
15분
⏱️ 총 소요 시간 ~2시간 30분
1. 대본 (Claude): "60초 쇼츠 대본 — 후킹 5초 + 본문 45초 + CTA 10초"
2. 이미지 (Flux 2): 대본을 8개 컷 단위로 나눠 각 컷 이미지 생성
3. 보이스 (ElevenLabs): 내 목소리 클로닝으로 대본 읽기
4. 편집 (CapCut): 이미지 + 보이스 합치고 자동 자막 + 트랜지션
5. BGM (Suno): 인트로/메인/아웃트로 적합한 30초 BGM

처음엔 5시간 걸려도, 5번 만들면 2시간 안으로 떨어집니다.
⚡ 60초 쇼츠 대본 작성 프롬프트
60초 쇼츠 대본을 작성해줘. 주제: AI 뉴스레터 자동화 서비스 소개 타겟: 30대 IT 직장인 (인스타·유튜브 쇼츠 시청자) 톤: 친근하지만 신뢰감 있게, 호들갑 없이 구조 (60초 = 약 150~180자): [0-5초] 후킹 — 시선 잡는 한 문장 (질문 또는 충격적 사실) [5-50초] 본문 — 문제 인식 → 해결책 제시 → 차별점 (3개 포인트) [50-60초] CTA — 명확한 다음 액션 (링크·구독·DM) 8개 컷으로 나눠서 출력: [컷 1] 시간: 0~5초 / 보이스 대사: "..." / 이미지 묘사: "..." (Flux 2 프롬프트) [컷 2] ... [컷 8] ... 각 컷의 이미지 묘사는 6요소(주제·스타일·조명·구도·색감·품질) 명시. 보이스 대사는 자연스러운 한국어 구어체, 한 컷에 1~2문장.
PART E
4채널 콘텐츠 재활용 전략
"한 번 만들고 네 번 쓰기" — 1인 창업가의 콘텐츠 효율 극대화

1편 → 4채널 동시 배포

콘텐츠 1개의 ROI를 4배로 — Canva Magic Resize가 핵심

1인 창업가의 가장 큰 적은 "매일 다른 채널에 다른 콘텐츠 만들기"입니다. 인스타 따로, 유튜브 따로, 블로그 따로 만들면 일주일에 3편도 못 냅니다. 1편 만들고 4채널로 변형 배포하면 일주일에 5편씩도 가능합니다.

SOURCE
📰 뉴스레터 한 편 (블로그용 1,500자)
↓ Canva Magic Resize · Claude 변환
📝
블로그
긴 글 1,500자 + 헤더 이미지
워드프레스
📷
인스타그램
5장 카드뉴스
(요약 + 핵심 3)
Canva
📱
유튜브 쇼츠
60초 영상
(보이스 + 자막)
CapCut
🧵
스레드
5~7개 thread
(대화체 짧게)
Claude 변환
📊 채널별 변환 규칙
블로그 (워드프레스): 원본 그대로 + SEO 키워드 3개 보강 + 헤더 이미지
인스타 (5장 카드): 원본을 "후킹/문제/해결책1/해결책2/CTA" 5장으로 압축
유튜브 쇼츠 (60초): 원본의 핵심 결론만 추려 60초 대본 → 위 워크플로우
스레드: 원본을 짧은 대화체 7개 thread로 분해 + 마지막에 블로그 링크
⚡ 4채널 콘텐츠 변환 프롬프트
아래 블로그 글 1편을 4개 채널 포맷으로 동시 변환해줘. [원본 블로그 글 — 여기에 붙여넣기] "AI 뉴스레터 자동화의 3가지 핵심 — ..." 변환 1) 인스타그램 카드뉴스 5장 - 1장: 후킹 (질문 또는 임팩트) - 2장: 핵심 문제 - 3장: 해결책 핵심 - 4장: 사례 또는 수치 - 5장: CTA (링크·DM) 각 카드: 제목 1줄 + 본문 2~3줄 (한 카드당 50자 이내) 변환 2) 유튜브 쇼츠 60초 대본 - 8컷 구조 (5초 + 45초 + 10초) - 각 컷: 보이스 대사 + 이미지 프롬프트(6요소) 변환 3) 스레드 7개 (X / Threads용) - 1번 thread: 후킹 - 2~6번: 핵심 포인트 (대화체, 80자 내외) - 7번: 마무리 + 블로그 링크 CTA 변환 4) 블로그 SEO 보강 - 추천 타이틀 3개 (28자 이내, 키워드 포함) - 메타 디스크립션 (155자) - 핵심 키워드 5개 마크다운 형식으로 4개 모두 한 번에.
⚠️ 저작권·상업적 사용 주의사항
이미지: Adobe Firefly가 가장 안전. Midjourney·Flux는 상업 사용 시 유료 플랜 필수.
음악: Suno/Udio 무료는 비영리만. 광고·판매용은 Pro 플랜.
인물 사진: AI로 생성한 사람 얼굴은 "AI generated" 명시. 실존 인물 닮으면 초상권 분쟁 위험.
목소리: ElevenLabs는 내 목소리만 클로닝. 다른 사람 목소리는 명시적 서면 동의 없이 절대 사용 금지.
🎯 Stage 4 산출물 — 이걸 만들어야 끝입니다
내 손으로 만든 비주얼 자산 3종 세트
읽기만 하면 의미 없습니다. 위 도구들을 직접 써서 아래 3개를 실제로 만드세요. 이 자산들이 Stage 5에서 Claude Code가 짤 랜딩페이지의 재료가 되고, Stage 9 마케팅의 탄약이 됩니다.
🖼️ 이미지 10장 — 서비스 비주얼 자산 패키지
헤더 이미지 1장(Flux 2) + SNS 카드뉴스 5장(Canva Magic Design) + 유튜브 썸네일 2장(Canva+Flux 2) + OG 이미지 1장(Canva Brand Kit) + 블로그 본문 삽화 1장. 모두 같은 컬러 토큰 일관성. 폴더: assets/images/
🎬 60초 쇼츠 영상 1개 — 뉴스레터 서비스 소개
5단계 파이프라인 거쳐 완성 (Claude 대본 → Flux 2 이미지 8컷 → ElevenLabs 보이스 → CapCut 편집·자막 → Suno BGM). MP4 최종본. 파일: assets/videos/intro-60s.mp4
🎨 랜딩페이지 디자인 시안 — Figma 또는 Canva
데스크톱 + 모바일 2개 사이즈. 섹션: 헤더 + 가치제안 + 핵심 기능 3개 + 사회적 증명 + 가격 + 가입 CTA. Dev Mode로 컬러 토큰 추출 가능 상태. 파일: assets/design/landing.fig 또는 landing.canva
📎 Stage 연결 고리: 지금 만든 assets/ 전체는 Stage 5에서 Claude Code가 랜딩페이지를 구현할 때 그대로 import됩니다. 60초 쇼츠는 Stage 9 마케팅·판매 채널의 핵심 탄약. 여기서 만든 비주얼 일관성이 곧 브랜드의 첫인상이 됩니다.
🎨
Stage 4 AI 튜터
디자인 · 이미지 · 음악 · 영상 · 콘텐츠 재활용
LIVE AI
AI 튜터 응답