Smart Excalidraw: AI 기반 오픈소스 스마트 다이어그램 생성 도구 169

AI 기반 오픈소스 스마트 다이어그램 생성 도구로, 주요 기능은 대규모 언어 모델을 사용해 사람의 말을 구조화되고 수정 가능한 다이어그램으로 변환하는 것입니다. 생성된 다이어그램은 Excalidraw 형식이며, 사용자는 캔버스에서 직접 스타일과 레이아웃을 조정할 수 있어 자동 생성과 수동 수정까지 한 번에 완료할 수 있습니다.

#Ai工具箱 #Ai开源项目

방문 Smart Excalidraw: AI 기반 오픈소스 스마트 다이어그램 생성 도구

Smart Excalidraw: AI 기반 오픈소스 스마트 다이어그램 생성 도구소개

Smart Excalidraw은 ai 기반으로 동작하는 오픈소스 지능형 다이어그램 생성 도구로, 핵심 기능은 대규모 언어 모델을 활용해 사용자의 말을 구조화되고 수정 가능한 다이어그램으로 변환하는 것입니다. 생성된 결과물은 Excalidraw 형식이며, 사용자는 캔버스에서 직접 스타일과 레이아웃을 조정할 수 있어 자동 생성과 수동 수정을 한 곳에서 끝낼 수 있습니다. 일반 Excalidraw와 가장 다른 점은 먼저 대규모 모델이 사용자의 설명을 이해한 뒤, 한 번에 구조가 명확하고 레이아웃이 적절한 전문적인 다이어그램을 만들어낸다는 것이며, 이후에는 원래 캔버스에서 자유롭게 수정할 수 있습니다. 개발자, 제품 매니저, 아키텍트처럼 빠르게 플로우차트, 아키텍처 다이어그램, ER 다이어그램을 그려야 하는 사람들에게 매우 적합합니다.

FSmart Excalidraw

Smart Excalidraw 주요 기능

한 문장으로 다이어그램 생성: 예를 들어 "게이트웨이, 인증, 주문 서비스를 포함한 마이크로서비스 아키텍처 다이어그램을 그려줘"라고 입력하면, AI가 자동으로 적합한 다이어그램 유형을 선택하고 노드 위치를 배치한 뒤 선을 연결합니다.
20가지 이상의 다이어그램 지원: 플로우차트, 시퀀스 다이어그램, ER 다이어그램, 마인드맵, 인포그래픽, 배포 아키텍처 다이어그램 등을 포함합니다.
지능형 연결: 자체 개발 알고리즘으로 최적의 연결 지점을 자동으로 찾아 선이 서로 �이지 않도록 하여, 복잡한 다이어그램도 한눈에 이해할 수 있습니다.
Excalidraw 완벽 호환: 표준 .excalidraw 파일 형식으로 생성되어 Excalidraw에서 바로 드래그하고 색상을 변경하며 아이콘을 추가할 수 있습니다.
간단한 설정, 데이터는 로컬에 저장: OpenAI 또는 Anthropic의 API Key를 한 번 입력하면 되며, 모든 설정과 데이터는 사용자의 브اوز에 저장됩니다. Docker를 이용한 원클릭 로컬 배포도 지원합니다.

Smart Excalidraw 사용 방법

온라인 사용

공식 사이트 열기:
👉https://smart-excalidraw.aizhi.site/
AI 설정:
우측 상단의 "LLM 설정" 클릭
제공자 선택 (Anthropic 또는 OpenAI)
API API Key 입력 (Claude Sonn� 4.5 권장, 효과 최적)
저장
다음과 같은 명령어 입력:
"회원가입 및 로그인 플로우차트를 그려줘"
"주문, 상품, 사용자를 포함한 이커머스 ER 다이어그램을 만들어줘"
"Kubernetes 클러스터 아키텍처 다이어그램을 설계해줘"
AI가 자동으로 다이어그램을 생성하며, 캔버스에서 계속 수정할 수 있습니다.

로컬 실행

gitclonehttps://github.com/liujuntao123/smart-excalidraw-next.git
cdsmart-excalidraw-next
pnpminstall
pnpmdev

그런 다음 http://localhost:3000 을 엽니다

Smart Excalidraw 기술 특징

다양한 모델 연동 가능: OpenAI, Anthropic 등 일반적으로 사용되는 모델을 지원하며, Claude Sonnet 시리즈를 권장하여 효과가 더 좋습니다.
똑똑한 연결 방식: 연결 지점을 계산하는 자체 알고리즘을 갖추고 있어 자동으로 선이 서로 꼬이지 않도록 하며, 다이어그램을 더 쉽게 이해할 수 있게 합니다.
프론트엔드에 저장: 설정과 임시 데이터를 브라우저에 저장하여 서버 비용을 절약하고 프라이버시도 더 잘 보호합니다.
최신 도구로 제작: Next.js, Excalidraw, Tailwind CSS를 기반으로 하여 로컬에서 수정하거나 기능을 추가하기 편리합니다.

Smart Excalidraw 활용 시나리오

제품 프로토타입 제작, 아키텍처 다이어그램 작성, 기술 문서에 일러스트 추가, 팀 공동 작업 시 사용하기에 적합합니다. 디자이너나 엔지니어가 원하는 것을 글로 설명하기만 하면, 빠르게 구조화된 다이어그램을 얻은 뒤 Excalidraw 캔버스에서 세부적으로 수정할 수 있습니다. 또한 디자인 리뷰, 문서 작성, CI 프로세스에 통합하여 시각화 작업을 더 빠르게 처리할 수도 있습니다.