platinumG.

platinumG › Repo › diagram-design

diagram-design 쓸 수 있음 설치형

WindowsmacOSLinux|무료

말로 설명하면 구조도·흐름도를 브랜드 색까지 맞춰 그려주는 Claude Code 확장 기능

2026-08-14 확인 · 실제로 돌려봄 · 검증 환경 win11-py311
GitHub 지금 · ★ 65,887 · 열린 이슈 52 · 마지막 커밋 1일 전 · 2026-11-09 기준

무엇인가

아키텍처 다이어그램·순서도·비교표 같은 구조를 보여주는 그림 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 판에서는 크롬만으로 됐는데, 그 뒤 렌더 검사기가 추가돼 지금 판은 다시 확인해야 합니다.

이 도구 하나로는 끝나지 않습니다

diagram-design은(는) 아래 흐름의 한 부품입니다. 무엇을 만들 수 있는지 전체를 보세요.

터진 게시물을 분석해 카드뉴스로 만들기 →

대안 — Pretty mermaid skills