open-design: 프로토타입, 데크, 모션 그래픽 생성을 위한 오픈 소스 에이전트 디자인 워크스페이스

해결하는 문제

Open Design은 Claude Design에 대한 오픈 소스, 로컬 우선(local-first) 대안입니다. 디자인 프로세스를 Figma와 같은 도구에서의 수동적인 픽셀 작업에서, AI 에이전트가 브리프를 발견하고, 아티팩트를 스트리밍하며, 최종 에셋을 전달할 수 있는 에이전트 네이티브 루프로 변환합니다. 사용자가 셀프 호스팅을 하고, 자신만의 에이전트를 사용하며, 자신만의 디자인 시스템을 통합할 수 있도록 함으로써 폐쇄형 소스 디자인 AI의 한계를 제거합니다.

작동 방식

이 프로젝트는 네이티브 데스크톱 앱(macOS/Windows)과 일련의 스킬, CLI, 그리고 MCP 서버를 제공합니다. 이를 통해 주요 코딩 에이전트(Claude Code, Cursor, GitHub Copilot 등)가 디자인 도구를 네이티브하게 사용할 수 있습니다. 사용자는 DESIGN.md 파일을 통해 브랜드 계약을 정의할 수 있으며, 에이전트는 이를 사용하여 모든 출력물에서 일관된 브랜딩을 보장합니다. 시스템은 HTML 프로토타입, HyperFrames를 통한 MP4 비디오, PPTX 데크 등 다양한 출력 형식을 지원합니다.

대상 사용자

에이전트 기반의 디자인 워크플로우를 원하며, 오픈 소스 도구와 선호하는 LLM을 사용하여 벤더 종속(vendor lock-in)을 피하고자 하는 디자이너, 개발자 및 제품 팀을 위해 설계되었습니다.

주요 특징

• 에이전트 네이티브 통합: 21개 이상의 코딩 에이전트 CLI를 지원하며, 쉬운 설치를 위한 MCP 서버를 제공합니다.
• 멀티모달 출력: 웹/모바일 프로토타입, 라이브 대시보드, 피치 데크, 고해상도 이미지를 생성합니다.
• 모션 그래픽: HyperFrames를 통합하여 HTML, CSS, GSAP를 사용하여 프로그래밍 방식의 모션 그래픽을 MP4 파일로 렌더링합니다.
• 확장 가능한 생태계: 생성 능력을 확장하기 위한 100개 이상의 스킬, 150개의 디자인 시스템, 261개의 플러그인을 포함합니다.
• 유연한 모델 라우팅: OpenAI, Anthropic, Google Gemini, Ollama를 포함한 다양한 제공업체의 BYOK(Bring Your Own Key)를 지원합니다.