OpenDesign をインストールして基本を確認する

適切なビルドをインストールする

OpenDesign のWebサイトからアプリをダウンロードします。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を選択し、役立つ成果物を1つ記述します。必要な対象ユーザー、コンテンツ、スタイル、出力を指定してください。制作を開始せずにアイデアについて話し合いたい場合は、その旨を明示します。利用可能な成果物を得るには、現在のプロジェクト内にファイルを作成するようエージェントに依頼します。続いて、最初のプロトタイプまたは最初のモーション動画を作成してください。

制作カテゴリーは出発点であり、制限ではありません。適切なカテゴリーがない場合は、シンプルなブラウザーゲームを直接説明してください。既存のアプリを再設計するには、スクリーンショットを会話に貼り付けるかドロップし、残す部分と変更する部分を指定します。

エージェントに役立つコンテキストを提供する

要件ドキュメント、参照用インターフェース、アセットを追加するには、Add contextのAttach filesを使用します。成果物で再利用可能な色、タイポグラフィ、コンポーネントを使用する必要がある場合は、既存のDesign systemを選択します。Working directoryを使用すると、選択したローカルフォルダーをエージェントが読み取れますが、すべてのファイルがDesign Filesにインポートされるわけではありません。

各参照をどのように使用するか説明してください。「このシステムのタイポグラフィとボタンを維持したまま、タスクリストを再設計してください。」まず確認可能な成果物を1つ作成し、その後、同じプロジェクト内で調整を続けます。

アプリのバージョンを確認する

Settings → Aboutでバージョンを確認し、Check againでアップデートを確認します。アップデートの準備ができたら、表示される案内に従ってインストールし、再起動します。一部のセットアップ図には0.25.0が使用され、キャンバスとフィードバックの手順には0.26.0が使用されています。バージョンは図のキャプションで、model IDsはプロバイダーの最新ドキュメントで確認してください。

ブラウザーアクセス、プラットフォーム、旧リリース

標準の制作環境は、Webサイトで提供されているデスクトップアプリです。ブラウザーで実行するには、リポジトリのREADMEに従ってDockerでセルフホストしてください。CloudのWebコンソールでは、アカウント、APIアクセス、使用状況を管理できますが、完全な制作環境とは別の画面です。

現在サポートされているデスクトッププラットフォームについては、ダウンロードページを確認してください。現在のコミュニティサポートのガイダンスでは、Linuxデスクトップの公式サポートは保証されていません。セルフホストは別の選択肢です。旧バージョンのインストーラーはGitHub Releasesで入手できます。

プロジェクト、テンプレート、更新情報を見つける

• 保存済みの作業に戻るには、All projectsを使用します。既存のリソースを見つけるには、アプリのサイドバーにあるSearch（対応環境ではCmd/Ctrl+K）を使用します。これは、このHelp Center内の検索とは別の機能です。
• サンプルやテンプレートを見るには、Communityを開きます。プロトタイプの手順では、OpenDesign Landingを使用し、UseとRemixの違いを説明しています。
• 利用可能なお知らせを読むには、アカウント領域からMessage centerを開きます。未読インジケーターは、生成処理が実行中であることを示すものではありません。タスクの進行状況は、プロジェクト内の会話で確認してください。