이제 Mermaid 코드로 다이어그램을 만들고 Miro의 기본 도형과 연결선으로 편집할 수 있습니다. Mermaid가 원본 소스로 유지되므로 Miro, 코드베이스, AI 도구 간에 다이어그램을 이동해도 구조가 유지됩니다.
- 붙여넣기, 드래그하여 올리기, 또는 생성. Mermaid 코드를 보드에 붙여넣거나 .mmd 또는 .mermaid 파일을 캔버스로 드래그해 올리거나, AI 팀원, 워크플로, 또는 Miro MCP로 다이어그램을 생성할 수 있습니다.
- 양방향 편집. 보드에서 다이어그램을 시각적으로 변경하면 Mermaid 코드가 업데이트되고, 코드를 편집하면 다이어그램이 다시 렌더링됩니다. 도형과 코드 간 하이라이트, 문법 하이라팅, 캔버스 내 오류 피드백으로 디버깅이 더 쉬워집니다.
- 더 풍부한 시각적 편집. 집중 모드에서 도형 패널에서 도형을 추가하거나 + 버튼을 사용해 추가하고, 드래그해 도형을 연결하거나 재연결하며, 레이아웃 패널에서 방향, 간격, 도형 너비, 텍스트 줄바꿈을 설정할 수 있습니다.
- 더 많은 다이어그램 유형 및 도형. 플로차트, 상태도, 시퀀스 다이어그램, 클래스 다이어그램, ER 다이어그램이 Miro 고유 도형으로 렌더링되며, 플로차트는 시각적으로 편집할 수 있습니다. Miro는 Mermaid v10 및 v11의 모든 플로차트 도형을 지원하므로 붙여넣은 코드는 의도한 도형 유형을 유지합니다.
자세히 알아보려면 Mermaid 다이어그램 만들기를 참조하세요.