初の共同制作できるデザイン Agent ワークスペース

ひとつのデザインシステムで、すべての制作にブランドを反映。使い慣れた Agent とチームで、期待を超える作品を一緒につくれます。

オープンソースのデザインスタジオ

プロンプトからプロトタイプまで、チームと一緒に

ダウンロード
Agent または OpenDesign Cloud で開始
要望を伝えてプロトタイプを生成
チームと共有してコメント
Agent が修正し、完成したら納品

OpenDesign で何が作れるか見てみましょう

Web サイト 2
Web サイト 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 キーでモデルプロバイダーに接続し、そのモデルを直接呼び出せます。

    1. OpenDesign アカウントは不要です
    2. API キー、エンドポイント、モデルを入力し、接続テストを実行します
    3. 利用料金はプロバイダーから請求されます。OpenDesign のクレジットは消費しません。
    BYOK を設定
  • Hosted

    OpenDesign Cloud にログインして、ホスト型モデルを使えます。インストールも API キーの管理も不要です。

    1. OpenDesign アカウントが必要です
    2. 利用分はプランの毎月のモデルクレジットから差し引かれます
    3. 無料プランはローカル Agent と BYOK に対応。有料プランではホスト型モデルのクレジットが追加されます。
    OpenDesign のプランを比較

無料で始められます。個人にもチームにも合うプランを。

無料プラン

デスクトップアプリのすべての機能を、ローカルのコーディング Agent またはご自身の API キーで使えます。アカウント登録は不要です。

macOS 版をダウンロード

Plus・Pro・Max

OpenDesign Cloud のホスト型モデルを、毎月のモデルクレジット付きで使えます。公開や共有リンクにも対応。制作量に合わせてプランを選べます。

プランを比較

チーム

プロジェクト、デザインシステム、プラグインをまとめて管理できる共有ワークスペース。オーナー、管理者、メンバーの権限を設定できます。料金はシート単位です。

チームの料金を見る

オープンソース

Apache-2.0 のオープンソース。開発はすべて公開で進めています

GitHub で Star

OpenDesign でつくるスタジオとチーム

OpenDesign の導入事例をすべて見る

OpenDesign をダウンロード。

オープンに作り、ローカルで動かし、自由につなぐ。デザインはあなたの思いのままに。

FAQS

  1. OpenDesign は無料ですか?

    デスクトップアプリは無料で、Apache-2.0 のオープンソースです。ローカルのコーディング Agent やご自身の API キーで使う場合、OpenDesign から追加料金は発生しません。Agent やモデルプロバイダーの料金は通常どおり請求されます。ホスト型モデルサービスの OpenDesign Cloud は有料プランで提供され、毎月のモデルクレジットが含まれます。最新のプランは料金ページをご覧ください。

  2. OpenDesign は macOS と Windows で動きますか?

    はい。macOS は 11 Big Sur 以降(Apple Silicon と Intel)、Windows は 10 または 11(x64)に対応し、インストーラー版とポータブル zip 版を用意しています。ダウンロードページに Linux 版はありませんが、Linux ではソースから OpenDesign を実行できます。ダウンロードボタンがシステムを検出できない場合は、一覧からビルドを選んでください。

  3. アカウントや API キーは必要ですか?

    始めるだけなら不要です。ホーム画面でローカルのコーディング Agent かご自身の API キーを選べば、サインインせずに始められます。OpenDesign Cloud を使うには OpenDesign アカウントとクレジット付きのプランが必要ですが、プロバイダーのキーもインストールも不要です。なお、ご自身の API キーではデザインを生成できますが、プロジェクト内のファイルは編集できません。ファイル編集が必要な場合はローカル Agent をお使いください。

  4. コーディングの知識は必要ですか?

    いいえ。つくりたいものを説明し、デザインシステムを選び、プレビューで結果を確認するだけです。もう一度依頼して調整することも、要素を選んで直接編集することもできます。ローカルのコーディング Agent や API キーの設定は数分で終わります。ただし、プロトタイプを本番アプリにするには、引き続きエンジニアリング作業が必要です。

  5. ファイルやデータはどこに保存されますか?

    プロジェクトは、HTML、CSS などのファイルとしてパソコン内のフォルダに保存されます。プロンプトとコンテキストは、選択した Agent、プロバイダー、または OpenDesign Cloud に送信されます。共有リンクを作成すると、そのファイルがオンラインに公開されます。製品の利用分析はデフォルトで有効で、「設定 → プライバシー」でオフにできます。詳しくはプライバシーポリシーをご覧ください。

  6. OpenDesign から何をエクスポートできますか?

    スタンドアロンの HTML、PDF、PNG です。スライドは編集可能な PowerPoint としても書き出せます。OpenDesign で編集を続けたり、エディタでファイルを開いたり、プロジェクトをコーディング Agent に引き継いだりすることもできます。Figma へのエクスポートには対応していません。

  7. チームで OpenDesign を使えますか?

    はい。まずは個人で始め、ファイルや共有リンクで共有できます。チームプランでは共有ワークスペースが追加され、メンバーがプロジェクトを閲覧・コメントしたり、共有のデザインシステムやプラグインを使ったりできます。より大規模な導入については、お問い合わせください。

OpenDesign デスクトップ版

ひとつのデザインシステムで、すべての制作物をブランドらしく

完全な Vibe Design Workspace で、同じブランドルールを Web サイト、スライド、操作できるプロトタイプ、ダッシュボード、画像、HTML 動画に展開できます。ローカルの Codex、Claude Code、Cursor などを接続して無料で制作しましょう。

  • Web、スライド、プロトタイプ、ダッシュボード、画像、動画
  • 140+ のデザインシステムと完全なテンプレート/スキルライブラリ
  • ローカル Codex と 21+ のコーディングエージェントを接続 · 無料
無料ダウンロード

macOS と Windows に対応