ZSeven-W/openpencil

해결하는 문제

OpenPencil은 자연어 프롬프트를 사용하여 사용자 인터페이스(UI)를 생성할 수 있는 오픈소스 AI 네이티브 벡터 디자인 도구입니다. AI 에이전트를 통해 벡터 그래픽의 레이아웃과 스타일링을 자동화함으로써 개념 설계와 실제 프로덕션 코드 사이의 간극을 메워줍니다.

작동 방식

이 도구는 모델의 기능(Claude, GPT-4o, Gemini 등)에 따라 프롬프트를 조정하는 멀티 모델 인텔리전스 시스템을 사용합니다. 오케스트레이터가 복잡한 페이지 디자인을 더 작은 공간적 하위 작업으로 분해하고, 이를 병렬로 작동하는 AI 에이전트 팀이 처리합니다. 이 에이전트들은 무한 캔버스에서 실시간으로 디자인을 생성합니다. 또한, 내장된 MCP (Model Context Protocol) 서버를 통해 외부 AI 에이전트(Claude Code 또는 GitHub Copilot 등)가 터미널에서 직접 디자인 파일을 읽고 수정할 수 있습니다.

대상 사용자

AI를 사용하여 '디자인-투-코드(design-to-code)' 워크플로우를 가속화하려는 UI/UX 디자이너, 개발자, 제품 관리자뿐만 아니라 디자인을 사람이 읽을 수 있는 JSON 파일로 저장하는 '디자인-애즈-코드(design-as-code)' 방식을 선호하는 사용자들을 위해 설계되었습니다.

주요 특징

• Prompt-to-UI: 텍스트 설명만으로 실시간 스트리밍 애니메이션이 포함된 전체 페이지 디자인을 생성합니다.
• 병렬 에이전트 팀: 여러 에이전트가 페이지의 서로 다른 섹션(예: hero, footer)을 동시에 생성합니다.
• 디자인-애즈-코드 (Design-as-Code): Git 친화적이며 diff 확인이 가능한 .op JSON 파일을 사용합니다.
• 멀티 플랫폼 내보내기: React + Tailwind, Vue, Svelte, Flutter, SwiftUI, Jetpack Compose 등으로 내보낼 수 있습니다.
• MCP 서버: MCP 호환 에이전트를 통한 터미널 기반 디자인 자동화를 지원합니다.
• 크로스 플랫폼: Rust 코어로 구축되어 네이티브 데스크톱 앱(macOS, Windows, Linux) 및 웹 앱으로 제공됩니다.