Claude Design 2.0 の主要4変更点 — クレジット効率と MCP 連携の実装ガイド

Jack Roberts は『Claude Code は世界最高水準のデザインエージェント』と評価し、Claude Design 2.0 の使いこなしを5レベルで整理する。動画は新規ユーザー向けの基本確認から、上級者向けの MCP 連携・モデル切り替えまで一本道で進む構成だ。

Claude Design 自体はウェブサイト・アプリ・プロトタイプデックの生成機能で、裏では Opus 4.8 が稼働する。初週で100万ユーザーを獲得した話題機能でもある。2.0 では大きな4変更と複数の細かな変更が加わっており、最大の変更点はクレジットの消費効率改善だ。同じ手元クレジットで生成できる量が大きく増え、Opus 4.8 側のモデル最適化と連動している。

実演の中心は MCP コネクタ経由のワークフローだ。glido.com に Firecrawl MCP を接続し『ここのブランドアイデンティティを抽出して3ページのアニメーション付きデックを作って』と指示するだけで、外部サイトから企業の色・タイポグラフィ・トーンが抽出され、それに沿ったデックが生成される。

画像生成は Higgsfield か Kia AI が安価な選択肢として推奨される。API キーを Claude Design に接続すれば、Firecrawl で抽出したブランド情報をベースに『参照→生成→デック組み込み』が連続して走る。Firecrawl は HTML を除いて意味のあるテキストのみを返すため、トークン消費が小さい点が選定理由として強調される。MCP 経由のデータ取り込みがデザインワークフローの標準コンポーネントになりつつある。

Claude Design 2.0 の運用上の最大の制約はやはりクレジット上限だ。Jack の提案は二段構えである。第一に、Claude Code 側のプロジェクトで上限に到達しても Claude Design 経由で建て増しを継続できるため、両ツールを行き来する設計でクレジット圧迫を緩和できる。

第二に、GLM 5.2 をターミナルから呼び出す方法が公式に推奨されたことだ。Opus 4.8 とほぼ同等品質を約1/6のコストで使えるため、上限のないラフ作業を GLM 5.2 で進め、最終仕上げのみ Opus 4.8 で行う、といった役割分担が成り立つ。商用モデルとオープンソースモデルの併用が前提化したことで、Claude Design はクリエイティブ生成ハブとしての性格を強めている。Open AI 製テンプレートのように『PowerPoint へエクスポートできない』制約はあるものの、Claude Design 内で完結する作業に対しては高い柔軟性を提供する。