# 디자인·글꼴·다이어그램

[원문](https://www.linkymeadow.com/w/93bbb0/)

마지막 수정: 2026-10-04 20:00 (KST)

웹 디자인과 글꼴을 찾아보고 아이디어와 시스템 구조를 그림으로 정리하는 도구를 모았습니다.

## 디자인 사례·글꼴

- [지디웹](https://www.gdweb.co.kr/main/index.asp)

  선정된 웹·모바일 디자인과 해외 웹사이트 사례를 살펴보고, 디지털 에이전시 정보를 찾아보는 디자인 레퍼런스 사이트입니다.
- [눈누](https://noonnu.cc/)

  한글 글꼴을 미리 보고 검색하며, 제작자와 글꼴별 이용 조건을 확인할 수 있는 폰트 모음입니다.

## 다이어그램·화이트보드

- [draw.io](https://app.diagrams.net/?lang=ko)

  도형과 연결선을 배치해 순서도·시스템 구성도·UML·ERD를 작성하는 한국어 지원 다이어그램 편집기입니다.
- [Excalidraw](https://excalidraw.com/)

  손그림 느낌의 다이어그램과 와이어프레임을 그리고, 다른 사람과 실시간으로 함께 작업하는 온라인 화이트보드입니다.
- [Mermaid Live Editor](https://mermaid.live/)

  텍스트 구문으로 순서도·시퀀스·ERD 등을 작성하고 결과를 바로 확인하는 Mermaid 온라인 편집기입니다.

## 관련 문서

- [웹 애니메이션·2D·3D 그래픽](https://www.linkymeadow.com/w/217590/)
- [AI·에이전트](https://www.linkymeadow.com/w/dd12dc/)