Open CoDesign - オープンソースのデスクトップAIデザインツール - AiBoss

オープン・コデザインとは何ですか？

Open CoDesignは、ElectronをベースとしたデスクトップAIデザインツールであるClaude Designのオープンソース版です。Claude、GPT、Gemini、DeepSeek、Kimi、Ollamなど20種類以上のモデルとのBYOK（APIキー内蔵）統合をサポートし、Claude Code/Codexの設定をワンクリックでインポートできます。ユーザーは、自然言語によるプロンプトを使用して、インタラクティブなプロトタイプ、スライドショー、マーケティングページ、その他のデザイン成果物を生成できます。すべてのデータはローカル（SQLite）に保存され、HTML、PDF、PPTX形式でエクスポート可能です。

Open CoDesignの主な機能

複数機種対応Claude、GPT、Gemini、DeepSeek、Kimi、GLM、Ollam、およびOpenAI互換のエンドポイントをサポートし、特定のベンダーに縛られることはありません。
ワンクリックで設定をインポートClaude CodeまたはCodexから既存の設定とAPIキーを自動的に読み込み、90秒以内に初期化を完了します。
迅速な生成デザイン説明を入力すると、AIエージェントはホバー状態、タブ、空の状態を含む完全なインタラクティブプロトタイプを自動的に生成します。
局所的な精密書き換えプレビュー画面の任意の要素をクリックしてコメントを追加してください。AIはページ全体を再生成するのではなく、その部分のみを書き換えます。
AI調整スライダーこのモデルは、色、間隔、フォントなどの調整可能なパラメータを自動的に抽出し、ユーザーはドラッグ＆ドロップでリアルタイムに視覚的なスタイルを微調整できます。
複数デバイスでの応答プレビューデスクトップ、タブレット、スマートフォンの実際のサイズを並べてプレビューできるため、レスポンシブレイアウトの効果を事前に確認できます。
ローカルバージョンのスナップショットSQLiteに基づく反復履歴はローカルディスクに保存され、ロールバック、フォーク、差分比較をサポートしています。
設計システムの同期ローカルのコードベースをスキャンしてTailwindトークンとCSS変数を抽出し、後続の生成が既存の仕様に準拠していることを確認します。
複数フォーマットのローカルエクスポートサードパーティ製ツールを必要とせずに、HTML（インラインCSS）、PDF、PPTX、ZIP、およびMarkdown形式でのエクスポートをサポートします。

Open CoDesignの使い方

ダウンロードしてインストールするGitHubのリリースページから、お使いのシステムに対応したElectronデスクトップクライアントのインストールパッケージを入手し、インストールを完了してください。
インポートキー起動後、ワンクリックでClaude Code / Codexの設定をインポートするか、OpenAI互換サービスのAPIキーを手動で入力することができます。
テンプレートを選択15種類の組み込みテンプレート（ランディングページ、ダッシュボード、プレゼンテーションなど）から選択するか、カスタムプロンプトを入力してください。
プロトタイプを生成する説明文を送信すると、AIエージェントはサンドボックスiframe内でインタラクティブなデザイン案を計画、作成、レンダリングします。
局所最適化プレビュー画面で特定の要素をクリックしてコメントを追加すると、AIがその部分を正確に書き換え、調整します。
パラメータの微調整AIで調整されたスライダーを使用して、色、間隔、フォントなどの視覚的なパラメーターをドラッグして調整し、満足のいく仕上がりになるまで調整してください。
プレビューと承認デスクトップ、タブレット、スマートフォンの表示を切り替えて、さまざまなデバイスでの応答性を確認してください。
輸出配送HTML、PDF、PPTXなどの形式から選択して、ワンクリックでローカルデバイスにエクスポートし、デザインの納品を完了できます。

Open CoDesignの主要情報と利用要件

ライセンスMITオープンソースライセンスの下では、アプリケーション自体は完全に無料です。ユーザーはAPIトークンの料金のみを支払う必要があります。
動作環境デスクトップアプリケーション（Electron製）、Windows、macOS、Linuxに対応。
データストレージローカルのSQLiteと暗号化されたTOML設定ファイルを使用し、デフォルトではアカウント登録やテレメトリのアップロードは必須ではありません。
モデル要件APIキーはご自身でご用意いただく必要があります（BYOK）。キーなしでの無料モデル呼び出しはサポートされていません。

Open CoDesignの主な利点

購読契約の縛りなしClaude Design / v0 / Lovableの月額料金モデルとは対照的に、プラットフォームの利用料はなく、実際に使用したトークンの量に基づいてのみ料金が請求されます。
マルチモデルの自由度これにより、Claude、GPT、Gemini、そしてローカルのOllamaなど、20種類以上のモデルをいつでも切り替えることができ、ベンダーロックインを回避できます。
データ主権すべてのデザイン案、プロンプト、および履歴バージョンはローカルディスクに保存されるため、クラウドにおけるデータ漏洩やプライバシーのリスクが排除されます。
オープンソースで拡張性があるMITライセンスは二次開発およびプライベート展開をサポートしており、SKILL.mdファイルを通じてカスタム設計仕様を注入することも可能です。

オープンCoDesignプロジェクトのアドレス

プロジェクト公式サイト：https://opencoworkai.github.io/open-codesign/
GitHubリポジトリ：https://github.com/OpenCoworkAI/open-codesign

Open CoDesignと類似製品との比較

寸法	Open CoDesign	Claude Design	v0 by Vercel	Lovable
オープンソースライセンス	MIT	非公開ソース	非公開ソース	非公開ソース
動作モード	デスクトップ版（Electron）	ウェブクラウド	ウェブクラウド	ウェブクラウド
モデルサポート	20+ (BYOK)	クロードのみ	️ GPT-4o	複数のモデル
ローカル/オフライン	完全に地元産	雲	雲	雲
データプライバシー	ローカルSQLite	クラウド処理	雲	雲
エクスポート形式	HTML/PDF/PPTX/ZIP	限定	限定	限定
バージョン履歴	ローカルスナップショット	なし	なし	なし
価格設定モデル	無料 + トークン料金	サブスクリプションモデル	サブスクリプションモデル	サブスクリプションモデル

オープン共同設計の応用シナリオ

ラピッドプロトタイピングプロダクトマネージャーやデザイナーは、自然言語を用いてインタラクティブで高精度のプロトタイプを迅速に生成できるため、要件検証サイクルを短縮できます。
マーケティング資料の制作ワンクリックで商品ランディングページ、価格ページ、ブログレイアウト、メールテンプレートを生成し、HTMLまたはPDFとして直接エクスポートできます。
プレゼンテーション作成テキストのアウトラインをエクスポート可能なPPTXまたはPDF形式のビジネスプレゼンテーションに変換することで、組版時間を短縮します。
フロントエンドUI開発開発者は、ローカルのコードベースに基づいたデザインシステムを使用して、Tailwind/CSS変数仕様に準拠したUIコンポーネントとページを生成できます。
オフライン／機密デザインネットワークアクセスがない環境や、機密性の高いデータを扱うシナリオでは、ローカルのOllamaモデルを使用して設計作業を独立して完了できます。

すべてのカテゴリ