Excalidraw

시스템 디자인 면접때 드로잉 툴로 사용하는 곳도 있다고 해서 찾아봤는데

excalidraw.com

text to mermaid 로 시각화까지 해준다.

Currently we use Mermaid as a middle step, so you’ll get best results if you describe a diagram, workflow, flow chart, and similar.

프롬프트에 마구잡이로 적어봤는데 그럴듯하게 잘 그려주는 것 같다.

다음 구성요소들을 포함하는 MLOps 시스템
* jupyterhub, jupyter 기반의 실험환경
* airflow 기반의 지속적 학습이 가능한 워크플로우 시스템
* gitlab 기반의 onprem 코드 저장소 및 CI 워크플로우 관리
* mlflow 기반의 모델 레포지토리
* fastapi 를 이용한 모델 서빙

위 프롬프트를 시각화 하기 전에 중간단계로 생성한 mermaid 코드

%%{init: {"theme": "base", "themeVariables": {"primaryColor": "#ffcc00", "edgeLabelBackground":"#ffffff", "tertiaryColor": "#fff"}}}%%
flowchart TD
    Scheduler[Scheduler Microservice]
    Webserver[Webserver Microservice]
    Worker[Worker Microservice]
    RDBMS[(RDBMS Metadata Repository)]

    subgraph Workflow Orchestration System
        Scheduler ---|uses| Webserver
        Webserver ---|uses| Worker
        Worker ---|accesses| RDBMS
        Scheduler ---|reads/writes| RDBMS
        Webserver ---|reads| RDBMS
    end

draw.io 보다 근본력은 좀 떨어지는듯하지만 사용성이 좋아서 아이디어를 빠르게 스케치하는데 유용할 것 같고 Live collaboration 기능으로 다른이랑 동시에 편집도 가능한데 면접이나 원격 근무할때 협업하기 좋을 것 같다.

vscode 확장도 있어서 로컬에서 작업하기도 편리하고 그대로 .excalidraw 확장자로 저장해서 형상 관리도 가능해서 유용하게 쓸 듯.
https://marketplace.visualstudio.com/items?itemName=pomdtr.excalidraw-editor