22가지 시작 템플릿

Mermaid 템플릿

바로 편집할 수 있는 Mermaid 예제를 선택하고 문법을 수정한 뒤 PNG, JPG, SVG, PDF로 내보내세요. 기술 문서와 제품 기획에 적합합니다.

flowchart TD
  Idea[제품 아이디어] --> Design[설계 흐름]
  Design --> Build[기능 구현]
  Build --> Review{준비됐나요?}
  Review -->|예| Ship[배포]
  Review -->|아니요| Design

Mermaid 템플릿 라이브러리란?

Mermaid 템플릿 라이브러리는 복사하고 편집할 수 있는 다이어그램 예제를 제공해 플로우차트, 시퀀스 다이어그램, 간트 차트, 아키텍처 다이어그램을 빠르게 만들고 이미지로 내보낼 수 있게 합니다.

22가지 Mermaid 다이어그램 유형

문서, 명세, 기술 메모에 바로 사용

브라우저에서 직접 편집

고해상도 이미지 내보내기

Mermaid2Img는 온라인 에디터, 템플릿, 스타일 설정, 로컬 기록, 다중 형식 내보내기를 하나의 작업 공간에 제공합니다.

Mermaid 문법과 레이아웃 실시간 미리보기

PNG, JPG, SVG, PDF를 한 곳에서 내보내기

문서 작업에 필요한 22가지 다이어그램 템플릿

비공개 다이어그램에 적합한 브라우저 내 처리

같은 다이어그램을 여러 형식으로 내보낼 수 있어 다운로드 전에 용도에 맞게 고를 수 있습니다.

PNG

README, 티켓, 문서, 채팅

대부분의 환경에서 잘 보이는 선명한 비트맵이 필요할 때 사용합니다.

JPG

작은 파일과 빠른 공유

투명 배경이 필요 없고 가벼운 미리보기 이미지가 필요할 때 적합합니다.

SVG

웹, 벡터 문서, 디자인 전달

확대해도 깨지지 않거나 나중에 스타일을 조정해야 할 때 사용합니다.

PDF

인쇄, 제안서, 발표 자료

다이어그램을 문서 형태로 전달해야 할 때 적합합니다.

다이어그램 유형에 맞는 템플릿을 선택합니다.

라벨, 구조, 색상, 방향을 수정합니다.

완성된 다이어그램을 내보내거나 작업 공간에서 계속 편집합니다.

네. 템플릿을 열고 Mermaid 문법을 수정한 뒤 미리보고 내보낼 수 있습니다.

네. Markdown, Notion, GitHub, 제품 문서, 발표 자료용 이미지로 내보낼 수 있습니다.

네. 모든 템플릿 페이지에서 Mermaid2Img 작업 공간으로 이어서 편집할 수 있습니다.

아래 내장 에디터를 바로 사용하거나 고급 설정은 전체 작업 공간에서 열 수 있습니다.

Loading editor...

다른 편집 가능한 예제를 선택해 문서, 계획 또는 기술 커뮤니케이션에 맞게 조정하세요.