Open CoDesign – オープンソース デスクトップ AI デザインツール
はじめに
単一の AI プロバイダーにロックされていると感じたり、クラウド専用のデザインジェネレータに依存せざるを得ないと感じたことがあるなら、Open CoDesign は新鮮な息吹をもたらします。OpenCoworkAI コミュニティが構築したこの MIT ライセンスのデスクトップアプリケーションは、シンプルなテキストプロンプトを完全な UI プロトタイプ、スライドデッキ、PDF、または ZIP アーカイブに変換します—すべて自分のマシン上で。Anthropic の Claude、OpenAI の GPT‑4、Google Gemini、あるいはローカルの Ollama モデルなど、好みのモデルを選んでも、Open CoDesign は任意の OpenAI 互換エンドポイントと連携し、コスト、プライバシー、ワークフローに対する真の自由を提供します。
主な機能
| 機能 | 重要な理由 |
|---|---|
| ローカルファースト、デスクトップネイティブ | 必須のクラウドワークスペースがなく、すべてのファイルがデバイスに残ります。 |
| マルチモデルサポート | Claude、GPT、Gemini、Ollama、OpenRouter、DeepSeek、Kimi、GLM、その他任意の OpenAI 互換 API と連携可能。 |
| ワンクリックプロバイダーインポート | 既存の Claude Code や Codex 設定を手動でキーを入力せずに Open CoDesign に取り込めます。 |
| 組み込みデザインスキルモジュール | 12 の事前作成モジュール（スライドデッキ、ダッシュボード、ランディングページ、SVG チャート等）がモデルを高品質な UI 出力へ導きます。 |
| ライブエージェントパネル | AI のツール呼び出し、トークン使用量、進行状況をリアルタイムで監視でき、任意のタイミングで生成を中断できます。 |
| コメントモード編集 | プレビュー内の任意の要素にピン留めし、メモを残すと、その領域だけをモデルが書き換えます。 |
| AI 生成スライダー | カラー、間隔、タイポグラフィのパラメータを提案し、即座に微調整可能です。 |
| エクスポートオプション | HTML、PDF、PPTX、ZIP、Markdown をワンクリックで生成します。 |
| クロスプラットフォームインストーラー | macOS（brew、dmg）、Windows（Scoop、exe）、Linux（AppImage、deb、rpm）—すべて SHA256 チェックサムで検証済み。 |
はじめに
1. アプリのインストール
- macOS –
brew install --cask opencoworkai/tap/open-codesign - Windows (Scoop) –
scoop bucket add opencoworkai https://github.com/OpenCoworkAI/scoop-bucket && scoop install opencoworkai/open-codesign - Linux – v0.2.0 の GitHub リリースページから適切な AppImage、.deb、または .rpm をダウンロードしてください。
ヒント: ダウンロード後は提供されている
SHA256SUMS.txtと CycloneDX SBOM で検証し、セキュリティを強化しましょう。
2. プロバイダーの追加
初回起動時に 設定 → モデル に移動します。以下が可能です：
- API キーなしで Codex モデルを使用するために ChatGPT Plus/Pro サブスクリプションでサインイン。
- Anthropic、OpenAI、Gemini、DeepSeek、OpenRouter など、サポートされているプロバイダーの API キーを貼り付け。
- ローカル / キーレス を選択して Ollama サーバーまたは IP 許可リスト方式の OpenAI 互換ゲートウェイに接続。
すべての認証情報はローカルの ~/.config/open-codesign/config.toml に保存され、選択したプロバイダーが要求しない限りマシンから外部へ送信されません。
3. 最初のデザインを生成
15 の組み込みデモ（例：ランディングページ、価格表、モバイルアプリ）から選ぶか、カスタムブリーフを入力します。AI エージェントは以下を実行します：
- 選択した デザインスキルモジュール に基づきレイアウトを計画。
- HTML/JSX、CSS、必要に応じたアセットを生成。
- エージェントパネル にリアルタイムで進行状況を表示。
- 選択した形式で結果をエクスポート。
4. コメントモードとスライダーで微調整
プレビュー内の任意の要素をクリックし、ピンを置いてコメントを追加すると、その領域だけをモデルが書き換えます。AI が生成したスライダーを使って、色・間隔・タイポグラフィを全体を再生成せずに微調整できます。
Open CoDesign がクラウド専用代替品に勝る理由
| 項目 | Open CoDesign | Claude Design / Vercel / Bolt.new |
|---|---|---|
| コスト | 無料アプリ；使用しているモデルの費用のみ支払う。 | デザインサービスはサブスクリプションベースの料金体系。 |
| プライバシー | すべてのデザインファイルとエージェント状態はデバイス上に保持。 | デザインはクラウドで処理され、データがリモートに保存される可能性あり。 |
| モデルの柔軟性 | 20 以上のモデルに対応、BYOK（自分のキーを持ち込む）をサポート。 | 通常は単一プロバイダーにロックイン（例：Anthropic）。 |
| エクスポート制御 | HTML、PDF、PPTX、ZIP、Markdown へ直接エクスポート。 | 独自フォーマットに限定されることが多く、追加手順が必要。 |
| カスタマイズ性 | SKILL.md を追加してモデルにブランドトークンを学習させられる。 |
用意されたテンプレートに限定。 |
ユースケース
- 高速プロトタイピング – デザイナーは数分で機能的な UI を作成し、クリーンな HTML/CSS を開発者に引き渡せます。
- マーケティング資産 – デザイナーを雇わずに、スライドデッキ、製品ランディングページ、またはワンページ PDF をキャンペーン用に生成。
- 学習ツール – 新人開発者が AI が自然言語を実際のコードに変換する様子を観察し、デザイン‑ツー‑コードのパターン理解を深められます。
- 社内ツール – 企業はアプリを社内マシンでホストし、機密デザインデータが社外ネットワークに出ることを防止できます。
コミュニティと貢献
Open CoDesign はコミュニティのフィードバックで成長します。GitHub Discussions、WeChat グループ、または Linux DO フォーラムに参加してデザインを共有したり、機能リクエストやバグ報告を行ってください。貢献は歓迎します—プルリクエストを送る前に pnpm lint && pnpm test を実行し、CONTRIBUTING.md のガイドラインを参照してください。
ロードマップハイライト
- v0.5 – macOS と Windows のコード署名、オプションの自動更新。
- v1.0 – Figma 風レイヤーエクスポートとデザインシステム統合の深化。
- 将来 – 並行デザイン探索、バージョンスナップショット、コスト透明な予算管理。
結論
Open CoDesign は、急増する AI 搭載デザインジェネレータに対する ローカルファースト、マルチモデル、オープンソース の代替手段を提供します。データをデバイス上に保持し、信頼できる任意の LLM に対応し、コメントモードや AI 調整スライダーといった強力な編集ツールを備えることで、開発者とデザイナーがサブスクリプションに縛られることなく高品質な UI アーティファクトを作成できるよう支援します。ぜひ試してみて、既存の Claude Code 設定をインポートし、ノートパソコン上で AI ネイティブデザインの高速さを体感してください。
AI でデザインを始めませんか？ 今すぐ Open CoDesign をダウンロードし、プロンプトを数秒で本番レベルのプロトタイプに変換しましょう。