OpenDesign 설치 및 둘러보기

알맞은 빌드 설치하기

OpenDesign 웹사이트에서 앱을 다운로드하세요. macOS에서는 Apple Silicon 또는 Intel용 빌드를 선택하세요. Windows에서는 시스템에 맞는 패키지를 사용하고, 다른 플랫폼을 선택하기 전에 현재 공식 지원 여부를 확인하세요. 설치된 앱을 여세요.

AI 한 번만 연결하기

홈 사이드바에서 Settings → Models & providers를 여세요. 이미 사용 중인 AI 서비스를 연결하거나 OpenDesign Cloud로 시작할 수 있습니다. 현재 상황에 맞는 옵션을 선택하세요.

• 이미 AI 에이전트를 사용 중이거나 호환되는 구독이 있나요? AI 에이전트는 코드 작성 및 변경과 같은 작업을 수행할 수 있는 도구입니다. Claude Code 또는 Codex 같은 로컬 에이전트를 연결해 보세요. “CLI”는 컴퓨터에 설치하는 명령줄 도구를 뜻합니다. OpenDesign은 지원되는 에이전트를 사용해 요청을 수행할 수 있습니다. 먼저 해당 에이전트에 로그인해야 할 수도 있습니다. 사용 중인 구독이 연동되는지는 에이전트와 제공업체에 따라 다릅니다.
• 모델 제공업체의 API Key가 있나요? BYOK(“Bring Your Own Key”, 본인의 키를 직접 사용하는 방식)를 선택한 다음, 제공업체의 API Key를 OpenDesign에 입력하여 해당 모델을 사용하세요. 사용 요금은 해당 제공업체에서 청구합니다. 채팅 웹사이트 구독에 API 액세스가 반드시 포함되는 것은 아닙니다.
• 둘 다 없다면 OpenDesign Cloud를 선택하고 로그인한 후 OpenDesign 유료 플랜을 구독하세요. 그러면 해당 플랜에 포함된 호스팅 모델을 사용할 수 있습니다. 별도의 제공업체 API Key를 발급받을 필요는 없습니다. 플랜 보기.

본인의 로컬 에이전트와 BYOK를 사용하는 데 OpenDesign 계정은 필요하지 않지만, 연결하는 서비스에서는 별도의 로그인이나 결제를 요구할 수 있습니다. Free에는 정기적으로 제공되는 Cloud 모델 크레딧이 포함되지 않지만, 로컬 에이전트와 BYOK는 계속 사용할 수 있습니다. 설정 단계는 AI 연결 선택하기에서 확인하세요.

화면 구성 둘러보기

• Home에서는 제작 유형을 선택하거나, 브리프를 작성하거나, 예시를 사용해 볼 수 있습니다.
• All projects에서는 기존 작업을 이어서 진행할 수 있습니다.
• Design systems에는 재사용 가능한 시각적 방향이 보관됩니다.
• Plugins에는 추가 워크플로가 포함되어 있습니다.
• Settings에는 모델 연결, 미디어 제공업체, MCP, 언어 및 환경설정이 있습니다.

작고 테스트 가능한 브리프로 시작하기

Prototype 또는 Motion design을 선택하고 유용한 결과물 하나를 설명하세요. 필요한 대상 사용자, 콘텐츠, 스타일, 출력 형식을 명시하세요. 제작을 시작하지 않고 아이디어만 논의하려면 이를 명확하게 알려 주세요. 실제로 사용할 수 있는 결과물이 필요하다면 에이전트에게 현재 프로젝트에 파일을 생성해 달라고 요청하세요. 첫 프로토타입 또는 첫 모션 영상으로 계속 진행하세요.

제작 카테고리는 시작점일 뿐 제한 사항이 아닙니다. 적합한 카테고리가 없다면 간단한 브라우저 게임을 직접 설명하세요. 기존 앱을 다시 디자인하려면 대화에 스크린샷을 붙여 넣거나 드롭하고 유지할 요소와 변경할 요소를 명시하세요.

에이전트에 유용한 컨텍스트 제공하기

요구사항 문서, 참조 인터페이스 또는 에셋을 추가하려면 Add context 아래의 Attach files를 사용하세요. 결과물에 재사용 가능한 색상, 타이포그래피 및 구성 요소를 적용해야 한다면 기존 Design system을 선택하세요. Working directory를 사용하면 에이전트가 선택한 로컬 폴더를 읽을 수 있지만, 모든 파일을 Design Files로 가져오지는 않습니다.

각 참조 자료를 어떻게 사용해야 하는지 설명하세요. 예: “이 시스템의 타이포그래피와 버튼은 유지하고 작업 목록을 다시 디자인해 줘.” 먼저 검토할 수 있는 결과물 하나부터 만든 다음 동일한 프로젝트에서 계속 다듬으세요.

앱 버전 확인하기

Settings → About에서 버전을 확인하고 Check again을 사용해 업데이트를 확인하세요. 업데이트가 준비되면 설치 및 재시작 안내를 따르세요. 일부 설정 이미지는 0.25.0을 보여 주며, 캔버스 및 피드백 안내에서는 0.26.0을 사용합니다. 버전은 이미지 캡션에서 확인하고, model IDs는 제공업체의 최신 문서에서 확인하세요.

브라우저 액세스, 플랫폼 및 이전 릴리스

표준 제작 환경은 웹사이트에서 제공되는 데스크톱 앱입니다. 브라우저에서 실행하려면 저장소 README의 Docker 자체 호스팅 안내를 따르세요. Cloud 웹 콘솔은 계정, API 액세스 및 사용량을 관리하며 전체 제작 환경과는 별개의 인터페이스입니다.

현재 지원되는 데스크톱 플랫폼은 다운로드 페이지에서 확인하세요. 현재 커뮤니티 지원 안내에서는 Linux 데스크톱에 대한 공식 지원을 보장하지 않으며, 자체 호스팅은 별도의 옵션입니다. 이전 설치 파일은 GitHub Releases에서 이용할 수 있습니다.

프로젝트, 템플릿 및 업데이트 찾기

• 저장된 작업으로 돌아가려면 All projects를 사용하세요. 기존 리소스를 찾으려면 앱 사이드바의 Search(지원되는 경우 Cmd/Ctrl+K)를 사용하세요. 이는 이 Help Center의 검색과 별개입니다.
• 예시와 템플릿을 둘러보려면 Community를 여세요. 프로토타입 안내에서는 OpenDesign Landing을 사용하며 Use와 Remix의 차이를 설명합니다.
• 사용 가능한 알림을 확인하려면 계정 영역 옆의 Message center를 여세요. 읽지 않음 표시가 생성 작업이 실행 중이라는 뜻은 아닙니다. 작업 진행 상황은 프로젝트 대화에서 확인하세요.