Claude로 "진짜 예쁜" 마인드맵 그리는 법

🧠 Claude로 "진짜 예쁜" 마인드맵 그리는 법 (삽질 6번 끝에 찾은 마인드맵)

작성자: Bella
작성일: 2026-01-30
카테고리: Claude AI / Code Execution / 시각화


🎯 TL;DR (3줄 요약)

  1. Claude의 Code Execution 기능으로 마인드맵을 직접 그릴 수 있어요

  2. 하지만 첫 번째 결과는 99% 망해요 😅 (선이 박스 통과, 텍스트 잘림 등)

  3. 이 글에서 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가지:

  1. 구체적인 프롬프트로 시작

  2. 시각적 피드백으로 수정 요청

  3. 황금 비율 적용 (텍스트 20/17/14, 대칭 배치)

여러분도 한번 시도해보세요! 🚀



#Claude #CodeExecution #마인드맵 #AI시각화 #프롬프트엔지니어링

2
3개의 답글
밀어주고 끌어주는

온·오프라인 AI 스터디

AI로 어디까지 할 수 있는지
직접 확인하실 분만 신청하세요.