ローカルファースト・OSSのデザイン生成ツール nexu-io/open-design が GitHub で 39,673 スターを突破した。Anthropic の Claude Design に対する無料・自前PC完結の対抗実装で、71種のブランドデザインシステムを内蔵し、Claude Code や OpenAI Codex といった既存の開発エージェント上で動くのが最大の特徴だ。デザイン制作のワークフローが、エンジニアの手元で再定義され始めている。
何が起きたか
nexu-io が公開した open-design は、自然言語の指示から Web サイトのモック、モバイルアプリ画面、営業資料スライドまでを生成するローカル実行型のデザインエージェントだ。リポジトリ説明文によれば、19 種類の Skill（タスク特化モジュール）と 71 種類のブランドグレードのデザインシステムを同梱している。
注目すべきは、これが「スタンドアロンアプリ」ではなく、Claude Code や Codex のようなコーディングエージェントの拡張として動くアーキテクチャを取っている点だ。プロンプトでデザインを依頼すると、エージェントが内部の Skill を呼び出して SVG・HTML/CSS・Figma 互換のレイヤー構造などを出力する。生成結果はローカルディスクに書き出され、外部API への送信は基本的に発生しない（推論モデルをローカル LLM に向ければ完全クローズドにできる）。
Claude Design は Anthropic が有料で提供するブランド資産管理＋生成ツールだが、SaaS 前提でデータが外部に出る。open-design は同等のユースケースを「自社マシン上で」「OSS で」回すという思想で、わずか数か月で 4 万近いスターを集めた格好だ。
なぜこのニュースが重要か
3.9 万スターという数字は、単なる話題性では説明できない規模だ。比較対象として、2024 年に爆発的に伸びた OSS デザインツール Penpot が累計 30k 前後、Excalidraw が 80k 級であることを踏まえると、open-design の伸びは「生成 AI × デザイン × ローカル実行」という三題噺がツボにハマったことを示している。
背景には 3 つの構造変化がある。第一に、Figma の Adobe 買収中止後の不透明感と価格改定で、企業がベンダーロックインを再評価し始めている。第二に、Claude 3.7 Sonnet 以降のモデル品質向上で、UI コードの直接生成が実用域に入った。第三に、Apple Silicon や RTX 4090 クラスのローカル GPU で 30B 級モデルが快適に動くようになり、「IR 資料や M&A 提案書を SaaS に投げたくない」という法務要件と AI 活用が両立できるようになった。
71 のブランドシステムをプリセット化している点も実務的だ。Material 3、Apple HIG、Carbon、Polaris、Ant Design などの主要システムを「Skill」として呼び分けられるなら、デザイン未経験のエンジニアでも一貫性のあるアウトプットを出せる。
エンジニア視点・実装影響
技術的な含意は大きい。open-design が Claude Code / Codex 上で動くということは、Anthropic が推進する Agent Skills や Model Context Protocol（MCP）のエコシステムにそのまま乗っていることを意味する。実装イメージとしては、リポジトリ直下に .claude/skills/ のような形でデザイン Skill が配置され、エージェントが必要に応じて呼び出す構造だろう。
# 想定される導入フロー
git clone https://github.com/nexu-io/open-design
cd open-design
# Claude Code 環境に Skill を登録
claude skills install ./skills/brand-system
# 自社ブランドを学習
claude "import our brand kit from ./assets/brand.json"
# 生成
claude "create a 3-slide IR deck for Q1 results using our brand"
CI への組み込みも現実味がある。Pull Request で UI 変更が入った際、open-design の Skill を Headless で叩いてビジュアルリグレッションのスクリーンショットを生成し、Chromatic や Percy の代替として使う、といった構成が考えられる。ローカル/セルフホスト前提なので、画像をクラウドにアップロードできない金融・医療系のプロジェクトでも導入障壁が低い。
ただし注意点もある。OSS のデザインシステム同梱は商標・利用規約のグレーゾーンを含む。Apple HIG や Material をそのまま「ブランドプリセット」として配布する行為は、ライセンスの読み込みが必要だ。導入時は LICENSE と各 Skill の出典明示を確認したい。また、ローカル推論モデルの選択次第で生成品質が大きく変わるため、最低でも Llama 3.3 70B か Qwen 2.5 32B クラスを動かせる環境が現実的なラインになる。
次に取るべき動き
経営層・技術責任者として検討すべきは、デザイン制作の「内製化フェーズ」への移行コストだ。外注している領域のうち、(1) 量産系バナー・SNS クリエイティブ、(2) 社内提案資料、(3) 機密性の高い IR・M&A 資料——この 3 領域は OSS + ローカル実行で代替可能性が高い。
エンジニアリングチームには、まず PoC として open-design を Claude Code 環境にインストールし、自社のブランドガイドラインを JSON 化して読み込ませる作業を 1 スプリント割り当てると良い。既存の開発ツールチェーン上で動くため、追加 SaaS 契約も新規予算申請も不要だ。
一方で、Figma を完全置換するのは時期尚早だ。コラボレーションやプロトタイピングの UX はまだ Figma に分がある。当面は「最終納品物・量産物は open-design、共同編集は Figma」というハイブリッドが現実解になるだろう。3.9 万スターは入口に過ぎず、本当の勝負は Skill エコシステムが Figma プラグイン並みの厚みを獲得できるかにかかっている。
動画でも詳しく
動画は記事冒頭の埋め込みからフル尺で視聴できます。