diagram-design 쓸 수 있음 설치형
말로 설명하면 구조도·흐름도를 브랜드 색까지 맞춰 그려주는 Claude Code 확장 기능
- 되는 것: 윈도우에서 설치·한글 출력까지 확인
- 되는 것: 무료 · HTML 출력까지는 추가 설치 없음
- 되는 것: PNG 출력은 README 가 Playwright 설치를 요구 — 2026-08-14 실측에선 크롬만으로 됐음(현재 판은 재확인 전)
- 조건: Claude Code를 쓰고 있어야 함

무엇인가
아키텍처 다이어그램·순서도·비교표 같은 구조를 보여주는 그림 39종(2026-09-18 README 기준)을 자동으로 그려 주는 Claude Code 확장입니다. 그림판이나 디자인 툴을 열 필요 없이, 무엇을 그릴지 말로 설명하면 완성된 HTML 파일이 나옵니다.
왜 볼만한가
발표자료·블로그·강의자료에 들어갈 도식을 직접 그리는 시간을 없애 줍니다. 색과 글꼴을 내 브랜드 기준으로 한 번 등록해 두면 이후 모든 그림이 같은 톤으로 나옵니다. HTML 까지는 파이썬 표준 기능만 쓰고, 윈도우에서 실제로 한글이 깨지지 않는 것까지 확인했습니다.
주의할 점
- Claude Code 사용자용입니다. 단독 프로그램이 아닙니다.
- 한글 글꼴은 Noto Sans KR로 쓰는 게 안전합니다. 다른 웹폰트는 이 도구가 보안상 거부합니다.
- 윈도우에서 파이썬 명령은 python이 아니라 py 로 불러야 합니다.
- 이미지(PNG) 변환은 README 가 Playwright 설치(pip install playwright)를 안내합니다. 2026-08-14 판에서는 크롬만으로 됐는데, 그 뒤 렌더 검사기가 추가돼 지금 판은 다시 확인해야 합니다.