손그림 스타일의 다이어그램을 그릴 수 있는 오픈소스 가상 화이트보드로, 임베드 가능한 React npm 패키지도 제공합니다.
plait-board/drawnix
Plait 프레임워크 기반의 마인드맵, 순서도, 손그림, 이미지를 지원하는 올인원 오픈소스 화이트보드입니다.
대체할 수 있는 제품:Miro
Lucidchart
Excalidraw
- 스타
- 14,960
- 포크
- 1,300
- 열린 이슈
- 35
- 마지막 커밋
- 지난달
어떤 프로젝트인가요?
Drawnix는 확대·축소와 스크롤이 가능한 무한 캔버스에서 마인드맵, 순서도, 손그림을 그릴 수 있는 무료 오픈소스 화이트보드입니다. Mermaid 문법을 순서도로, Markdown 텍스트를 마인드맵으로 변환할 수 있으며, 작업 결과를 PNG 또는 .drawnix 확장자를 사용하는 JSON 파일로 내보낼 수 있습니다.
편집 내용은 브라우저 캐시에 자동 저장되며 실행 취소, 다시 실행, 복사, 붙여넣기를 지원합니다. 라이트 테마와 다크 테마를 제공하고, 모바일 기기에도 맞춰 동작합니다. drawnix.com에서 사용하거나 Docker 이미지로 직접 호스팅할 수 있습니다.
내부적으로 Drawnix는 Plait 다이어그램 프레임워크와 플러그인 아키텍처를 사용합니다. 코드베이스는 TypeScript로 작성되었으며, 기존 React 뷰 계층과 Slate 기반 텍스트 렌더링 모듈이 있습니다.
핵심 기능
- 01무한 캔버스에서 마인드맵과 순서도 작성
- 02손그림 그리기 및 이미지 삽입
- 03Mermaid 문법을 순서도로 변환
- 04Markdown 텍스트를 마인드맵으로 변환
- 05PNG 또는 JSON(.drawnix)으로 내보내기
- 06브라우저 캐시에 자동 저장하고 실행 취소 및 다시 실행 지원
활용 사례
- 마인드맵으로 브레인스토밍하고 아이디어 정리
- 시스템 아키텍처나 프로세스 흐름 스케치
- 소프트웨어 설치 없이 브라우저에서 간단한 화이트보드 작업
- Docker로 비공개 화이트보드 직접 호스팅
빠른 시작
- 1
npm으로 종속성을 설치합니다
npm install - 2
개발 서버를 시작합니다
npm run start - 3
또는 Docker 이미지를 실행합니다
docker pull pubuzhixing/drawnix:latest
사용 전 알아둘 점
- README는 이 프로젝트를 SaaS 스타일 도구로 소개하며, 웹 앱 drawnix.com은 'Dawn' 릴리스 전에 자주 변경되는 최소한의 앱으로 설명합니다.
- Mermaid 및 Markdown 변환 기능이 README에 나열되어 있지만, 완성도는 문서화되어 있지 않습니다.
토픽
자주 묻는 질문
- drawnix은(는) 무엇인가요?
- Plait 프레임워크 기반의 마인드맵, 순서도, 손그림, 이미지를 지원하는 올인원 오픈소스 화이트보드입니다. Drawnix는 확대·축소와 스크롤이 가능한 무한 캔버스에서 마인드맵, 순서도, 손그림을 그릴 수 있는 무료 오픈소스 화이트보드입니다. Mermaid 문법을 순서도로, Markdown 텍스트를 마인드맵으로 변환할 수 있으며, 작업 결과를 PNG 또는 .drawnix 확장자를 사용하는 JSON 파일로 내보낼 수 있습니다.
- drawnix은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?
- drawnix은(는) MIT 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.
- drawnix은(는) 아직 유지보수되고 있나요?
- 6개월 이내 업데이트. drawnix의 마지막 커밋은 2026년 9월 8일입니다.
- drawnix은(는) 어디에 사용할 수 있나요?
- 마인드맵으로 브레인스토밍하고 아이디어 정리 시스템 아키텍처나 프로세스 흐름 스케치 소프트웨어 설치 없이 브라우저에서 간단한 화이트보드 작업 Docker로 비공개 화이트보드 직접 호스팅
- drawnix는 어떻게 설치하나요?
- npm으로 종속성을 설치합니다: npm install 개발 서버를 시작합니다: npm run start 또는 Docker 이미지를 실행합니다: docker pull pubuzhixing/drawnix:latest
- drawnix은(는) 어디서 받을 수 있나요?
- 소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/plait-board/drawnix
요약은 프로젝트 README를 바탕으로 AI가 작성했습니다. GitHub 통계는 매일 갱신됩니다.
관련 프로젝트
tldraw 엔진 기반의 실시간 팀 협업 및 드로잉용 오픈소스 화이트보드 앱으로, AI 기능을 제공합니다.
React, React Native, 순수 JavaScript 앱용 MIT 라이선스 무한 캔버스 화이트보드 SDK로, tldraw의 무료 대안입니다.
문서, 화이트보드 캔버스, 표를 하나의 워크스페이스에 통합한 오픈소스 로컬 우선 지식 베이스로, Notion과 Miro의 대안입니다.
React와 cytoscape.js로 일반 텍스트 개요를 플로차트와 다이어그램으로 변환하는 웹앱입니다.
손글씨, 텍스트, Markdown, 도형, 이미지, PDF를 한 캔버스에서 다루는 오픈소스 크로스플랫폼 노트 앱