nexu-io/open-design

해결하는 문제

OpenDesign은 Claude Design의 오픈소스 대안으로, 로컬 우선의 데스크톱 애플리케이션을 제공하여 디자인 아티팩트를 생성할 수 있습니다. 닫힌 루프 디자인 에이전트의 문제를 해결하며, 디자인 프로세스를 사용자 기계 상의 기존 코드 에이전트가 읽고 재사용할 수 있는 기능적 기술, 템플릿, 플러그인의 파일 시스템으로 전환합니다.

작동 방식

애플리케이션은 MCP, CLI, 또는 네이티브 런타임 어댑터를 통해 다양한 코드 에이전트(Claude Code, DeepSeek Harness, Cursor, GitHub Copilot 등)와 연결되는 디자인 엔진으로 작동합니다. 시각적 일관성을 보장하기 위해 DESIGN.md 파일을 브랜드 계약으로 사용합니다. 에이전트는 웹 프로토타입, 모바일 앱, 프레젠테이션, 모션 그래픽과 같은 아티팩트를 생성하고, 사전 렌더링된 iframe에서 실시간 미리보기와 반복 작업이 가능하게 됩니다.

대상 사용자

Figma와 같은 전통적인 캔버스 기반 도구에서의 픽셀 편집을 벗어나, 기존 CLI 도구와 로컬 코드 에이전트와 통합된 에이전트 네이티브 디자인 워크플로우를 원하는 디자이너 및 개발자에게 적합합니다.

주요 기능

• 다중 아티팩트 지원: 웹/데스크톱/모바일 프로토타입, 실시간 대시보드, 멀티슬라이드 프레젠테이션, 이미지, HyperFrames 모션 그래픽 생성 가능.
• 광범위한 에이전트 호환성: BYOK을 통해 26개의 별도 로컬 CLI 실행 파일 및 OpenAI 호환 엔드포인트 지원.
• 내보내기 옵션: 아티팩트를 HTML, PDF, PPTX, MP4로 내보낼 수 있습니다.
• 디자인 시스템: 브랜드 수준의 DESIGN.md 파일을 사용해 브랜드의 시각 언어를 추출하고 최적화합니다.
• HyperFrames 통합: 헤드리스 Chrome과 FFmpeg를 통해 코드 기반 모션 그래픽을 MP4로 렌더링하는 에이전트 네이티브 비디오 프레임워크 포함.