OpenDesign：コーディングAgentを設計エンジンへ変えるオープンソースのClaude Design代替案

背景と概要

AIコーディングツールが爆発的に普及する中、コードエージェントはコードの読み書きに熟達している。一方でデザイン成果の納品ループは長年の痛点として残っている。デザイナーはFigmaのキャンバスでピクセルを調整し、開発者はエージェントでコンポーネントを組む。この両者の間には納品の鸿溝があり、エージェントが生成した成果物はそのまま動かず、ブランド規範に违背し、非技術者のステークホルダーへ引き渡しにくい。AnthropicはClaude Designでagent-nativeなループ——briefの発見、方向の固定、artifactのストリーミング、批判的反復、納品——をクローズドな製品として提供していた。nexu-ioはこの閉じた機能をファイルシステムレベルで開放するOpenDesignを开源した、ローカルファーストのデスクトップアプリだ。

OpenDesignは「Agent時代のFigma代替案」を標榜し、キャンバスでのドラッグ&ドロップではなく、実物のCSS・フォント・コンポーネントでシングルページartifactを納品し、HTML・PDF・PPTX・MP4へ直接エクスポートする。TypeScriptで開発され、macOSとWindowsのネイティブデスクトップアプリとして提供される。GitHubでは約10万starを記録し、coding-agent生態系で最も急速に成長するツールの一つに数えられる。

深掘り分析

OpenDesignのコア能力は3つの層から構成される。第一にコンポーザブルなskillsとプラグイン体系だ。Pluginsページで公式skillをカテゴリ別に閲覧し、ディレクトリを検索し、Try itボタンでワークフローを起動できる。これによりデザインの各動作が再利用可能な能力ユニットで支えられる。第二にブランド級DESIGN.mdデザイン体系だ。Design Systemページでブランドの視覚言語を抽出・洗練し、「ブランド契約」へと落とし込む。同じワークスペースで全てのartifactに再利用し、出力の統一とチーム共有を実現する。

第三に、プロジェクトのStudioにおける一体化した生産能力だ。同じ場所で会話し、生成されたファイルを確認し、ウェブ・デスクトップ・モバイルのプロトタイプ、ライブダッシュボード、プレゼンテーション、画像、ドキュメント、HyperFramesモーショングラフィクスを構築・磨き上げられる。技術的にはCLIを設計エンジンへ、ノートPCをスタジオへ変え、生成ファイルは常にOpenDesignワークフロー内に留まり、サンドボックス化されたiframeによるライブプレビューをサポートした上で、実納品フォーマットへエクスポートする。クローズドなClaude Designとの差別化は開放性にある。設計ロジックはブラックボックスではなく、読解・改書・拡張が可能なファイルシステムとなった。モデル対応ではDeepSeek Harness（dsh）、Claude Code、OpenClaw、Codex、Cursor、OpenCode、Qwen、Copilot、Amp、Hermes、Kimi、Antigravityなど26種類のローカルCLI実行ファイルに対応し、BYOKで任意のOpenAI互換エンドポイントへ接続できる。

業界への影響

典型的な導入パスはHomeから始まる。artifactのタイプを選択し、briefを入力した後、デザイン体系・作業ディレクトリ・モデルを設定して生成を起動する。Pluginsで再利用可能なskillsを探索し、ブランド参照をDesign Systemへ変換してから、プロジェクトのStudioへ移って各类成果物の集約と洗練を行う。ローカルファーストのデスクトップアプリとしてmacOSとWindowsビルドを提供し、ローカルで即時に稼働できる。OpenDesign Cloudという公式モデルサービスへ接続することもでき、1回のチャージでagentモデルと画像モデルを同時に利用できる。agent側はGPT・Claude・DeepSeek、画像側はGPT Image 2.0・Seedream 5.0 Pro・Nano Banana 2.0をカバーする。

DeepSeek Harnessへ既に接続しているユーザー向けには、構造化思考・ツール呼び出し・モデル発見・キャンセル・セッション再開をサポートするネイティブランタイムとして対応し、生成ファイルはライブビューと納品のためにワークフロー内に残る。プロジェクトは多言語インターフェースとドキュメントを提供し、英語・スペイン語・ポルトガル語・德语・フランス語・簡体字・繁体字中国語・韓国語・日本語・アラビア語・俄语・ウクライナ語・土耳其語・タイ語をカバーする。Discordコミュニティを擁し、アクティビティが高く国际化度が良い。

今後の展望

OpenDesignの価値は、かつて閉じていたagent-nativeな設計ループを再利用可能なファイルシステムへ解構し、コードエージェントにブランド级のデザイン納品能力を与えた点にある。開発者コミュニティにとって、これはコード記述とデザインの溝を縮め、工程チームがデザインシステムをDESIGN.md契約として沉淀し、エージェントが読める形にできる。工程チームにとっては、デザイン産出をデザイナー独占から、エージェントが関与・反復・納品できる協業プロセスへ転換し、プロトタイプ・ランディングページ・ダッシュボード・プレゼンテーションの納品コストを下げる。

注目すべき潜在リスクには、複数の外部CLIとサードパーティモデルへの依存による統合の複雑さとコストの変動、ローカルファーストアーキテクチャのチーム協業・バージョン管理における成熟度、生成artifactのブランド一貫性・コンプライアンスにおける制御性が含まれる。観察すべき方向には、公式とコミュニティのプラグインで構成される技能生態系の進化、DESIGN.mdデザイン体系がチーム横断の通用ブランド契約標準となれるか、OpenDesign Cloud这类公式モデルサービスがマルチモデル接入のハードルをさらに下げるか、といった点が挙げられる。総合すると、これはエージェント時代のデザインツールがキャンバスからコードへ、閉塞から開放へ移る重要な潮流を代表している。