🧠 Claude로 "진짜 예쁜" 마인드맵 그리는 법 (삽질 6번 끝에 찾은 마인드맵)
작성자: Bella
작성일: 2026-01-30
카테고리: Claude AI / Code Execution / 시각화
🎯 TL;DR (3줄 요약)
Claude의 Code Execution 기능으로 마인드맵을 직접 그릴 수 있어요
하지만 첫 번째 결과는 99% 망해요 😅 (선이 박스 통과, 텍스트 잘림 등)
이 글에서 6번의 수정 끝에 찾은 황금 비율을 공유합니다!
📌 이 글을 쓰게 된 계기
"Claude야, 마인드맵 그려줘"
→ 결과: 😱 선이 박스를 뚫고 지나가고, 텍스트는 잘리고, 좌우 비대칭...
예시
다양한 한국어 유형을 보여주는 마인드맵
"AI가 그림도 그린다면서요?!" 라고 생각하셨다면, 저도 같은 경험을 했어요.
하지만! 피드백을 주고받으면서 결국 완벽한 마인드맵을 만들었고, 그 과정에서 찾은 황금 비율을 공유합니다.
🔧 준비물
Claude Pro /MAX (Code Execution 기능 필요)
마인드맵으로 정리하고 싶은 주제
인내심 💪 (첫 번째는 안 예 쁠 수 있어요!)
📝 Step 1: 기본 프롬프트로 시작하기
❌ 이렇게 하면 안 돼요
마인드맵 그려줘
→ Claude가 뭘 그려야 할지 모름, 결과물 엉망
✅ 이렇게 해보세요
[주제]에 대한 마인드맵을 그려줘.
중심 주제: [중심 주제]
메인 브랜치 6개:
1. [브랜치1]
2. [브랜치2]
3. [브랜치3]
4. [브랜치4]
5. [브랜치5]
6. [브랜치6]
각 브랜치별 서브 항목 3-4개씩 넣어줘.
디자인 요구사항:
- 좌우 대칭 배치
- 선은 박스 가장자리에서 가장자리로 연결
- 텍스트가 박스 안에 잘 보이게
- 예쁜 색상 사용
- PNG 파일로 저장 (dpi=150)
🎨 Step 2: 결과 확인하고 피드백하기
자주 발생하는 문제들
문제
원인
해결 프롬프트
🔴 선이 박스 통과
중심점 연결
"선을 박스 가장자리에서 가장자리로 연결해줘"
🔴 텍스트 잘림
박스 작음
"박스 크기 유지하고 텍스트 크기만 조정해줘"
🔴 좌우 비대칭
x좌표 불일치
"좌우 메인 브랜치 x좌표 동일하게 정렬해줘"
🔴 이미지 흐림
낮은 해상도
"dpi=150 이상으로 저장해줘"
💡 핵심 팁: 스크린샷으로 피드백!
문제가 있는 부분을 직접 표시해서 Claude에게 보여주세요!
예시:
"이 이미지 보면 빨간색으로 표시한 부분에서 선이 박스를 통과해요. 파란색처럼 깔끔하게 연결해줘"
Claude는 시각적 피드백을 잘 이해해요!
⭐ Step 3: 황금 비율 적용하기
6번의 수정 끝에 찾은 완벽한 설정값입니다:
📐 텍스트 & 박스 크기
요소
텍스트 크기
박스 크기 (W x H)
제목
26
-
중심 노드
20
4.0 x 3.0
메인 브랜치
17
3.5 x 1.6
서브 브랜치
14
3.2 x 1.0
📏 캔버스 & 좌표
캔버스: 26 x 18 인치
해상도: dpi=150
메인 브랜치 x좌표: ±7.0 (좌우 대칭)
메인 브랜치 y좌표: 4.5, 0, -4.5 (상/중/하)
서브 브랜치 x좌표: ±11.5
서브 간격: 1.3
🎨 추천 색상 조합
colors = {
'center': '#FF6B6B', # 빨강 - 중심
'main': '#4ECDC4', # 민트 - 메인 브랜치
'sub1': '#45B7D1', # 파랑
'sub2': '#96CEB4', # 초록
'sub3': '#FFEAA7', # 노랑
'sub4': '#DDA0DD', # 보라
'sub5': '#F39C12', # 주황
'sub6': '#E74C3C', # 빨강
}
🚀 Step 4: 만능 프롬프트 (복사해서 바로 사용!)
[주제] 마인드맵을 그려줘.
📌 내용:
- 중심 주제: [중심 텍스트]
- 메인 브랜치 6개: [브랜치1], [브랜치2], [브랜치3], [브랜치4], [브랜치5], [브랜치6]
- 각 브랜치별 서브 항목 3-4개씩 넣어줘
📌 디자인 요구사항:
- 좌우 완벽 대칭 (메인 브랜치 x좌표 동일)
- 선은 박스 가장자리에서 가장자리로 연결 (Edge-to-Edge)
- 텍스트 크기: 중심 20, 메인 17, 서브 14
- 박스가 선 위에 표시되도록 (zorder 설정)
- 밝고 예쁜 색상 사용
📌 출력:
- PNG 파일, dpi=150, 고화질
🎨 분위기별 색상 요청 프롬프트
분위기
프롬프트
비즈니스
"전문적이고 신뢰감 있는 네이비+그레이 색상으로"
여성/패션
"여성스럽고 트렌디한 핑크+코랄 색상으로"
테크/스타트업
"모던하고 테크 느낌의 보라+시안 색상으로"
자연/친환경
"자연스럽고 편안한 초록+베이지 색상으로"
고급/럭셔리
"고급스럽고 세련된 골드+블랙 색상으로"
📸 Before & After
v1 (첫 시도) 😅
선이 박스 통과
텍스트 잘림
좌우 비대칭
비즈니스 교류 지도 다이어그램
v6 (최종) 🎉
깔끔한 Edge-to-Edge 연결
텍스트 잘 보임
완벽한 좌우 대칭
→ 피드백 6번으로 완벽해졌어요!
비즈니스 경험 지도의 예
💡 핵심 인사이트
1. Claude는 "소통"하면서 성장해요
첫 번째 결과가 완벽하지 않아도 괜찮아요. 피드백 → 수정 → 피드백 → 수정 과정을 통해 점점 완벽해져요.
2. 시각적 피드백이 효과적
문제 부분을 직접 표시해서 보여주면 Claude가 더 잘 이해해요.
❌ "선이 이상해요"
✅ "이 빨간색 표시한 부분, 선이 박스를 통과해요"
3. Code Execution의 강점
일반 Claude
Code Execution Claude
설명만 함
실제로 실행
결과물 없음
파일 생성
수정 불가
즉시 수정
🔗 활 용 아이디어
이 방법으로 만들 수 있는 것들:
📊 비즈니스 전략 마인드맵
📚 공부 정리 마인드맵
🎯 프로젝트 기획 마인드맵
💼 회의 자료용 마인드맵
📝 브레인스토밍 정리
📚 마무리
Claude로 마인드맵 그리기, 처음엔 어려워 보여도 황금 비율만 알면 쉬워요!
핵심 3가지:
✅ 구체적인 프롬프트로 시작
✅ 시각적 피드백으로 수정 요청
✅ 황금 비율 적용 (텍스트 20/17/14, 대칭 배치)
여러분도 한번 시도해보세요! 🚀
#Claude #CodeExecution #마인드맵 #AI시각화 #프롬프트엔지니어링