Mermaid Design

내보내기 및 공유

다이어그램이 완성되면 내비게이션 바에서 내보내기를 클릭해 내보내기 대화 상자를 여세요. 모든 것이 브라우저에서 로컬로 생성됩니다 — 업로드도, 워터마크도, 계정도 없습니다.

이미지 형식

형식적합한 용도
SVG문서, 위키, 웹 페이지 — 무한 확장 가능한 벡터 출력
PNG슬라이드, 티켓, 채팅 — 범용적으로 지원되는 비트맵
JPG투명도가 필요 없을 때 더 작은 파일
WebP뛰어난 압축률의 최신 이미지 형식

비트맵 내보내기(PNG / JPG / WebP)는 1x, 2x, 4x 해상도로 렌더링할 수 있어 고밀도 디스플레이에서도 선명한 결과를 얻을 수 있습니다. PNG와 WebP에는 투명 배경 전환 옵션이 있습니다.

내보낸 이미지는 항상 미리보기와 일치합니다 — 보이는 그대로 다운로드됩니다.

ASCII 내보내기

ASCII 모드에서는 내보내기 대화 상자가 **TXT (일반 텍스트)**를 제공합니다: 코드 주석, 문서, 터미널에 바로 붙여 넣을 수 있는 렌더링된 텍스트 다이어그램입니다.

테마 설정 내보내기

내보내기 대화 상자에는 mermaid.design 외부에서 재사용할 수 있는 테마 설정 섹션도 포함되어 있습니다:

  • JSON 복사 — 현재 테마 변수를 JSON 객체로 복사합니다
  • JSON 다운로드 — mermaid-theme.json 파일을 저장합니다
  • frontmatter 복사 — 테마를 Mermaid frontmatter로 복사해 모든 .mmd 파일이나 Markdown 코드 블록 상단에 붙여 넣을 수 있습니다:
---
config:
  theme: base
  themeVariables:
    primaryColor: '#...'
---

themeVariables를 지원하는 모든 Mermaid 렌더러(Mermaid CLI, GitHub, 문서 파이프라인)가 내보낸 테마를 적용할 수 있습니다.

작업 공유하기

다이어그램은 브라우저의 로컬 스토리지에만 저장되며, 서버 측 공유 링크는 없습니다. 다이어그램을 공유하려면:

  1. 이미지로 내보내거나(ASCII의 경우 TXT),
  2. Mermaid 코드를 복사해 직접 보내세요 — 받는 사람이 mermaid.design에 붙여 넣으면 당신이 멈춘 곳에서 정확히 이어서 작업할 수 있습니다.

코드, 테마, 레이아웃은 같은 기기와 브라우저에서 세션 간에 자동으로 유지됩니다.