함께 만드는 최초의 디자인 Agent 워크스페이스

하나의 디자인 시스템으로 모든 창작에 브랜드를 담으세요. 익숙한 Agent와 팀이 함께 기대를 뛰어넘는 결과물을 만드세요.

오픈소스 디자인 스튜디오

프롬프트에서 프로토타입까지, 팀과 함께

다운로드
Agent 또는 OpenDesign Cloud로 시작
설명하고 프로토타입 생성
팀과 공유하고 댓글로 피드백
Agent가 수정하고, 완성 후 전달

OpenDesign으로 무엇을 만들 수 있는지 확인하세요

웹사이트 2
웹사이트 3
앱 UI 1
앱 UI 2
그래픽 1
그래픽 2

이미 사용 중인 코딩 Agent와 함께 작동합니다

내 환경, 내 선택

  • Claude
  • Codex
  • Gemini
  • Cursor
  • GitHub Copilot
  • OpenCode
  • Devin
  • Hermes
  • Pi
  • Kimi
  • Qwen
  • Grok
  • DeepSeek
  • Qoder
  • Kilo
  • Aider
  • Trae
  • Mistral Vibe
  • MiMo
  • Antigravity
  • Reasonix
  • Local CLI

    Claude Code나 Codex처럼 컴퓨터에 설치된 코딩 Agent로 OpenDesign을 실행하세요.

    1. OpenDesign 계정 불필요
    2. Agent가 설치되어 있고 로그인된 상태여야 함
    3. Agent의 구독료 또는 API 사용료는 그대로 적용
    코딩 Agent 연결
  • BYOK

    내 API Key로 모델 제공업체를 연결해 모델을 직접 호출하세요.

    1. OpenDesign 계정 불필요
    2. API Key, 엔드포인트, 모델을 입력한 뒤 연결 테스트 실행
    3. 사용료는 제공업체가 청구하며, OpenDesign 크레딧은 차감되지 않습니다.
    BYOK 설정
  • Hosted

    OpenDesign Cloud에 로그인해 호스팅 모델을 사용하세요. 설치할 것도, 관리할 키도 없습니다.

    1. OpenDesign 계정 필요
    2. 사용량은 요금제의 월간 모델 크레딧에서 차감
    3. 무료 요금제는 로컬 Agent와 BYOK를 지원하며, 유료 요금제에는 호스팅 모델 크레딧이 추가됩니다.
    OpenDesign 요금제 비교

무료로 시작하고, 개인과 팀에 맞는 요금제로 확장하세요.

무료

로컬 코딩 Agent나 내 API Key로 사용하는 완전한 데스크톱 앱. 계정이 필요 없습니다.

macOS용 다운로드

Plus, Pro, Max

매월 모델 크레딧이 포함된 OpenDesign Cloud 호스팅 모델과 게시 및 공유 링크 기능. 작업량에 맞는 등급을 고르세요.

요금제 비교

팀

프로젝트, 디자인 시스템, 플러그인을 위한 공유 워크스페이스. 소유자, 관리자, 멤버 역할을 지원하며 좌석당 요금이 부과됩니다.

팀 요금제 보기

오픈소스

Apache-2.0으로 공개 개발되는 오픈소스

GitHub에서 Star

OpenDesign으로 만드는 스튜디오와 팀

OpenDesign 고객 사례 모두 보기

OpenDesign 다운로드.

열린 구조, 로컬 실행, 자유로운 연결. 원하는 방식으로 디자인하세요.

FAQS

  1. OpenDesign은 무료인가요?

    데스크톱 앱은 무료이며 Apache-2.0 오픈소스입니다. 로컬 코딩 Agent나 내 API Key로 실행하면 OpenDesign에서 추가 비용이 발생하지 않으며, Agent나 모델 제공업체가 평소대로 요금을 청구합니다. 호스팅 모델 서비스인 OpenDesign Cloud는 월간 모델 크레딧이 포함된 유료 요금제로 제공됩니다. 현재 요금제는 요금제 페이지에서 확인하세요.

  2. OpenDesign은 macOS와 Windows에서 실행되나요?

    네. macOS 11 Big Sur 이상(Apple Silicon 및 Intel)과 Windows 10 또는 11(x64)을 지원하며, Windows는 설치 프로그램과 포터블 zip으로 제공됩니다. 다운로드 페이지에 Linux 빌드는 없지만, Linux에서는 소스에서 OpenDesign을 실행할 수 있습니다. 다운로드 버튼이 시스템을 감지하지 못하면 목록에서 빌드를 직접 선택하세요.

  3. 계정이나 API Key가 필요한가요?

    시작할 때는 필요 없습니다. 홈 화면에서 로컬 코딩 Agent나 내 API Key를 선택하면 로그인 없이 바로 시작할 수 있습니다. OpenDesign Cloud는 OpenDesign 계정과 크레딧이 포함된 요금제가 필요하지만, 제공업체 키나 별도 설치는 필요 없습니다. 참고로, 내 API Key로는 디자인을 생성할 수 있지만 프로젝트 파일을 편집할 수는 없습니다. 파일 편집이 필요하면 로컬 Agent를 사용하세요.

  4. 코딩을 할 줄 알아야 하나요?

    아니요. 원하는 것을 설명하고 디자인 시스템을 고른 뒤 미리보기에서 결과를 확인하세요. 다시 요청해 다듬거나, 요소를 선택해 직접 편집할 수 있습니다. 로컬 코딩 Agent나 API Key 설정은 몇 분이면 끝납니다. 다만 프로토타입을 실제 프로덕션 앱으로 만드는 일은 여전히 엔지니어링 작업입니다.

  5. 내 파일과 데이터는 어디로 가나요?

    프로젝트는 HTML, CSS 및 관련 파일로 내 컴퓨터의 폴더에 저장됩니다. 프롬프트와 컨텍스트는 사용자가 선택한 Agent, 제공업체 또는 OpenDesign Cloud로 전송됩니다. 공유 링크를 만들면 해당 파일이 온라인에 게시됩니다. 제품 분석은 기본적으로 켜져 있으며 설정 → 개인정보에서 끌 수 있습니다. 자세한 내용은 개인정보 처리방침을 참고하세요.

  6. OpenDesign에서 무엇을 내보낼 수 있나요?

    독립 실행형 HTML, PDF, PNG를 내보낼 수 있습니다. 슬라이드는 편집 가능한 PowerPoint로도 내보낼 수 있습니다. OpenDesign에서 계속 편집하거나, 에디터에서 파일을 열거나, 코딩 Agent에게 프로젝트를 넘길 수도 있습니다. Figma 내보내기는 지원하지 않습니다.

  7. 팀과 함께 OpenDesign을 사용할 수 있나요?

    네. 혼자 시작해 파일이나 공유 링크로 공유할 수 있습니다. 팀 요금제에는 공유 워크스페이스가 추가되어 멤버가 프로젝트를 보고 댓글을 남기며, 공유 디자인 시스템과 플러그인을 사용할 수 있습니다. 더 큰 규모로 도입하려면 문의해 주세요.

OpenDesign 데스크톱

하나의 디자인 시스템으로 모든 결과물에 브랜드 일관성을

완전한 Vibe Design Workspace에서 하나의 브랜드 규칙을 웹사이트, 슬라이드, 인터랙티브 프로토타입, 대시보드, 이미지, HTML 영상에 적용하세요. 로컬 Codex, Claude Code, Cursor 등을 연결해 무료로 제작할 수 있습니다.

  • 웹, 슬라이드, 프로토타입, 대시보드, 이미지, 영상
  • 140개+ 디자인 시스템과 전체 템플릿·스킬 라이브러리
  • 로컬 Codex 및 21개+ 코딩 에이전트 연결 · 무료
무료 다운로드

macOS, Windows 지원