문서용 다이어그램

간단한 순서도나 그림은 많은 단어 없이 개념을 설명하는 좋은 방법입니다.

기술 문서는 일부 시각적 요소를 혼합할 때 훨씬 더 흥미롭고 유용합니다.

이 작업을 수행하는 가장 좋은 방법 중 하나는 Excalidraw 을 사용하는 것입니다.
Excalidraw는 open-source 손그림과 전문가 사이의 균형을 이루는 화이트보드입니다.

로그인이 필요하지 않음

제한된 글꼴 및 색상(좋은 점!)

화살표가 자동으로 다른 요소에 연결됨

iPad에서 잘 작동함

도면을 저장하고 링크로 공유할 수 있음

나는 iPad에서 이런 종류의 그림을 그렸지만 내 손글씨는 형편없고 특히 나 이외의 누군가를 위해 그림을 저장하고 수정할 수 있는 깔끔한 방법이 없습니다. Figma는 여기에서 또 다른 옵션이지만 간단한 다이어그램의 경우 너무 많은 옵션을 제공하여 "고충실도"모드로 전환한 다음 멈춥니다.

Excalidraw의 한계는 기능이지 버그가 아닙니다.

다음은 dropseed/deps에서 사용한 예입니다.



그리고 여기에서 README에 사용되고 있습니다.



가장 좋은 부분? 마크다운에 주석 처리된 그림 자체에 대한 링크가 있습니다.

<!-- Edit in Excalidraw: https://excalidraw.com/#json=6195990008692736,unm4UYeUzdmbXTk_xcvIdQ -->
![deps overview flowchart](https://user-images.githubusercontent.com/649496/111809843-675b1000-88a3-11eb-8b5c-d85d71cb5a25.png)

누구든지 Excalidraw link(나 포함)를 열고 그림을 편집하고 README에 새 버전을 제공할 수 있습니다. 복잡한 소프트웨어나 디자인 도구가 없으며 글꼴, 색상 및 스타일 선택이 제한되어 있습니다.