설명
OpenFlowKit은 개발자, 아키텍트, 기술 창립자 및 제품 팀을 위해 설계된 오픈 소스, 로컬 우선 다이어그램 스튜디오로, 정적 AI 이미지 출력 대신 편집 가능한 다이어그램을 원합니다. 이 도구는 아키텍처 다이어그램, 플로우차트, 시스템 디자인 및 기타 시각적 워크플로우를 생성하며, 코드를 작성하거나 드래그 앤 드롭하는 방식을 선호하든 관계없이 작동합니다.
손으로 박스를 그리는 대신 JSON, React 컴포넌트, Prisma 스키마 또는 SQL 덤프를 붙여넣으면 AI 엔진이 관계를 분석하여 살아있는 캔버스를 구축합니다. 타입 안전한 DSL과 Mermaid.js 구문을 지원하는 다이어그램-코드 지원, ELK.js로 구동되는 스마트 자동 레이아웃, 블록을 구축하고 스타일링하기 위해 자연어로 대화할 수 있는 Flowpilot AI 어시스턴트를 제공합니다. AI는 선택 사항이며, 로컬에 저장된 OpenAI 또는 Anthropic 키를 사용하는 BYOK(Bring Your Own Key) 모델을 사용합니다.
모든 것은 로컬에서 이루어지며, 클라우드 추적이나 강제 동기화 없이 개인적으로 유지되며, 시작하기 위해 계정이 필요하지 않습니다. Figma 벡터 레이어, SVG, PNG 또는 JSON으로 내보낼 수 있으며, 다이어그램을 Figma로 편집 가능한 텍스트 및 벡터 형태로 직접 복사할 수 있습니다. WebRTC를 통한 피어 투 피어 멀티플레이어 동기화는 팀이 실시간으로 함께 작업할 수 있게 합니다.
OpenFlowKit은 100% 무료이며 MIT 라이선스 하에 제공되며, 핵심 엔진은 공개적으로 개발되었으며, 다이어그램을 프레젠테이션 준비가 된 MP4 애니메이션으로 변환하는 시네마틱 내보내기 엔진도 포함되어 있습니다.
OpenFlowKit의 핵심 기능
JSON, React, Prisma 스키마 및 SQL의 코드-다이어그램 파싱
타입 안전한 DSL 및 Mermaid.js 지원을 통한 다이어그램-코드
자신의 OpenAI 또는 Anthropic 키를 사용할 수 있는 Flowpilot AI 어시스턴트
ELK.js로 구동되는 스마트 자동 레이아웃
계정 필요 없는 로컬 우선 및 개인 정보 보호
Figma 벡터 레이어, SVG, PNG 및 JSON으로 내보내기
WebRTC를 통한 피어 투 피어 멀티플레이어 동기화
오픈 소스 MIT 라이선스 엔진 및 시네마틱 MP4 애니메이션 내보내기
OpenFlowKit 사용 방법은?
스튜디오 열기: 계정 없이 빈 플로우, 템플릿 또는 가져오기에서 작업 공간 홈에서 시작합니다.
입력 선택: 코드를 붙여넣거나 Mermaid 또는 Draw.io 파일을 가져오거나 Flowpilot 탭에서 프롬프트를 작성합니다.
AI 키 추가(선택 사항): AI 생성을 위해 설정에서 자신의 OpenAI 또는 Anthropic 키를 추가합니다.
시각적으로 다듬기: 노드를 이동하고 속성을 편집하며 Smart Layout을 실행하여 간격을 정리합니다.
내보내기: 버전 관리를 위해 JSON으로 저장하거나 Figma, SVG 또는 PNG로 내보냅니다.
OpenFlowKit의 사용 사례
- 아키텍처 다이어그램
- 코드로서의 다이어그램
- 화이트보드에서 다이어그램으로
- Figma 핸드오프
- 팀 협업
