머메이드 다이어그램, 이제 AI가 테마까지 잡아주는 이유

요즘 다이어그램 도구, 진짜 문제는 따로 있더라고요

개발자든 기획자든 문서 작업을 하다 보면 다이어그램 하나쯤은 꼭 그리게 되죠.

아키텍처 구조, 업무 흐름, 조직도 같은 것들이요.

그런데 진짜 문제는 다이어그램을 그리는 도구와 실제로 코드를 짜는 도구가 따로 논다는 데 있어요.

다이어그램은 여기서, 코드는 저기서, 최종본은 또 다른 탭에서 찾는 식이거든요.

머메이드(Mermaid) 다이어그램은 이런 불편함을 텍스트 코드 한 줄로 해결해온 도구예요.

최근 업데이트에서는 즐겨찾기, AI 기반 테마 생성, 신규 다이어그램 6종, 코드 저장소와의 자동 동기화까지 한 번에 추가됐습니다.

한 줄 정리하면, 머메이드는 이번 업데이트로 도구 간 이동 없이 한 화면에서 작업을 끝내는 방향으로 진화했다고 볼 수 있어요.

머메이드란 정확히 뭐길래 이렇게 화제일까요

머메이드는 마크다운과 비슷한 문법으로 순서도나 조직도 같은 다이어그램을 만드는 오픈소스 도구예요.

마우스로 도형을 하나하나 끌어다 놓는 대신, 짧은 코드 몇 줄만 쓰면 자동으로 그림이 완성되는 방식이죠.

개발자들 사이에서 특히 인기가 많은데, 코드로 작성하다 보니 깃 같은 버전관리 도구와 궁합이 좋기 때문이에요.

저도 처음엔 그냥 그림 그리는 도구인 줄 알았는데, 쓰다 보니 문서와 코드를 잇는 접착제 같은 역할을 하더라고요.

다이어그램 도구 하면 다들 이렇게 오해하시더라고요

다이어그램 도구라고 하면 흔히 "그림만 예쁘게 그려주면 되는 거 아니야?"라고 생각하기 쉬워요.

하지만 실무에서 진짜 시간을 잡아먹는 부분은 그리는 과정이 아니라 관리하는 과정이에요.

어제 만든 다이어그램을 오늘 다시 찾는 것, 브랜드 컬러에 맞춰 색상을 일일이 바꾸는 것, 코드가 바뀔 때마다 다이어그램을 다시 그리는 것.

이런 반복 작업이 실제로는 훨씬 큰 비용이더라고요.

이번 업데이트가 겨냥한 지점도 바로 여기예요.

예쁜 그림 한 장이 아니라, 찾고 꾸미고 동기화하는 전체 과정을 줄이는 데 초점을 맞춘 거죠.

즐겨찾기 기능, 별거 아닌 것 같은데 체감이 크더라고요

이번 업데이트로 에디터 화면에서 바로 다이어그램, 폴더, 팀, 프레젠테이션을 즐겨찾기에 추가할 수 있게 됐어요.

예전에는 대시보드로 돌아가야 즐겨찾기 설정이 가능했는데, 이제는 작업 중인 화면에서 하트 아이콘 하나로 바로 등록됩니다.

사이드바에도 즐겨찾기 전용 메뉴가 새로 생겨서, 자주 쓰는 자료를 클릭 한 번으로 바로 찾을 수 있어요.

하루에 여러 프로젝트를 오가는 사람이라면 이 체감이 꽤 클 거예요.

매번 폴더 구조를 뒤지는 대신 즐겨찾기 목록만 열면 되니까요.

AI가 브랜드 테마까지 잡아주는 시대가 왔어요

지난 업데이트에서는 커스텀 테마를 저장하고 재사용하는 기능이 추가됐었는데, 이번에는 아예 테마를 직접 만들 필요가 없어졌어요.

테마 메뉴의 생성 탭에서 브랜드를 설명하거나 로고, 색상 자료를 넣어주면 AI가 알아서 어울리는 테마를 만들어주거든요.

색상 값을 하나하나 조정하던 번거로운 작업이 사라진 셈이에요.

다른 디자인 도구로 내보내서 손볼 필요 없이, 캔버스 안에서 바로 브랜드에 맞는 결과물을 얻을 수 있습니다.

기업에서 여러 팀이 동시에 문서를 만들 때 브랜드 일관성을 유지하기가 은근히 까다로운데, 이런 자동화 기능은 실무 반복 작업을 확실히 줄여줘요.

신규 다이어그램 6종, 기획자한테도 반가운 소식이에요

이번에 벤, 이시카와(원인과 결과를 물고기뼈 모양으로 정리하는 도표), 와들리, 트리뷰 다이어그램이 정식 지원되기 시작했고, 레이더 차트와 트리맵도 함께 추가됐어요.

기존에는 순서도나 시퀀스 다이어그램처럼 개발 중심의 다이어그램이 주를 이뤘다면, 이번 추가로 원인 분석, 전략 지도, 계층 구조 시각화까지 표현 범위가 넓어졌습니다.

기획이나 전략 문서를 자주 쓰는 사람이라면 다른 도구로 옮겨갈 필요 없이 한 곳에서 다양한 형태의 자료를 만들 수 있게 된 거예요.

코드 바뀌면 다이어그램도 자동으로 따라가요

이번 업데이트에서 가장 실무 영향이 큰 부분은 코드 저장소와의 동기화 기능이에요.

VS Code 플러그인이 2.7.0 버전으로 업데이트되면서, 소스 코드에서 코드렌즈 액션 한 번으로 다이어그램을 바로 생성할 수 있게 됐어요.

변경 사항은 좌우 비교 화면에서 시각적으로 확인할 수 있고, 다이어그램을 수정하거나 개선하는 작업도 에디터를 떠나지 않고 처리할 수 있습니다.

여기에 더해 깃허브 싱크 기능도 새로 추가됐어요.

저장소에 설치해두면 코드가 바뀔 때마다 다이어그램이 자동으로 다시 생성됩니다.

예전에는 코드가 바뀌면 다이어그램도 수작업으로 다시 그려야 했는데, 이제는 그럴 필요가 없어진 거죠.

문서와 코드가 따로 노는 문제, 생각보다 크더라고요

아키텍처 문서가 코드와 따로 놀아서 어느 순간 실제 구조와 안 맞는 경우, 다들 한 번쯤 겪어보셨을 거예요.

최근에는 기술 부채를 코드에 쌓이는 부채, 이해가 얕아지며 쌓이는 부채, 그리고 배경과 의도가 기록되지 않아 쌓이는 부채로 나눠 보는 시각도 나오고 있어요.

기록해두지 않은 의도는 나중에 되돌리기가 특히 어렵다는 점이 최근 분석에서도 자주 강조되더라고요.

머메이드의 코드 동기화 기능이 의미 있는 이유가 여기에 있어요.

문서를 자동으로 갱신해주되, 그 문서가 여전히 코드에서 직접 나온 것이라 신뢰할 수 있다는 점이 다르거든요.

앞으로 다이어그램 도구는 이렇게 바뀔 것 같아요

이번 업데이트 전체를 관통하는 방향은 하나예요.

다이어그램 작업을 위해 다른 도구로 이동하는 상황을 최대한 없애는 것.

찾는 것은 즐겨찾기, 꾸미는 것은 AI 테마, 표현하는 것은 신규 다이어그램, 유지하는 것은 코드 동기화.

이렇게 네 가지 축을 한 번에 정리한 셈이에요.

앞으로도 이런 흐름은 계속될 가능성이 높아요.

다이어그램 도구가 단순히 그림을 그리는 소프트웨어에서, 코드와 문서와 협업을 잇는 하나의 허브로 자리 잡아가는 과정이라고 볼 수 있습니다.

마무리

이번 머메이드 다이어그램 업데이트는 즐겨찾기, AI 테마 생성, 신규 다이어그램 6종, VS Code 플러그인과 깃허브 싱크까지 한 번에 담고 있어요.

핵심은 화려한 신기능 하나가 아니라, 찾고 꾸미고 동기화하는 과정 전체를 줄여준다는 점이에요.

코드와 문서를 자주 오가는 개발자나 기획자라면 이번 업데이트만으로도 작업 흐름이 눈에 띄게 달라질 거예요.

아직 안 써보셨다면 즐겨찾기 기능부터 한번 눌러보시는 걸 추천드려요.