7月14日、Netlifyが「Netlify inside of Claude Design」と題した記事を公開した。AnthropicのUIデザイン生成ツール「Claude Design」で作ったデザインを、そのままNetlifyへワンクリックでデプロイできる統合機能が追加された。AIでUIを生成しても「それを公開するまでの手順が面倒」という摩擦は多くの開発者が感じていた課題だ。今回の統合はその摩擦をそのまま取り除く形の対応といえる。
デザインから本番デプロイまでを一本化
NetlifyとAnthropicが連携し、Claude DesignからNetlifyへ直接デプロイできる統合機能が追加された。
操作手順はシンプルだ。
- Claude Designの「Share」をクリック
- 「More formats and apps」を選択
- 「**+ Connect more Destinations」から「Netlify**」を選んでアカウントを接続
アカウント接続は初回のみでよい。以降はShareメニューからいつでもデプロイできるほか、Claudeのチャット画面に「Deploy to Netlify」と入力するだけでも同じ操作が完結する。
「初回デプロイだけ速い」ではない
この統合の肝は、初回デプロイの手軽さよりもその後の継続的な更新フローにある。
デプロイ済みのプロジェクトに対してClaude Design上でデザインを修正した場合、再度Netlifyに共有するだけで差分が本番環境に反映される。手動でのエクスポートや再アップロードは不要だ。「デザインが変わるたびに本番との同期をとる作業」がそのまま消える形になる。
フルスタックアプリへの拡張：Agent Runnersとは何か
静的サイトにとどまらない構成が必要になった場合、Netlify Agent Runnersとの組み合わせが選択肢になる。
Netlify Agent Runnersは、AIエージェントがコードの生成・実行・デプロイを一連の流れで行えるようNetlifyが提供するインフラ基盤だ。通常のCI/CDとは異なり、エージェントがタスクを自律的に処理しながら本番環境へ反映できる点が特徴で、Netlifyは「エージェント時代のホスティング」として位置づけている。
元記事では、このAgent Runnersを活用することで以下のような本番環境向けの機能をClaude Designで生成したプロジェクトに追加できると説明されている。
- データベースとデータモデリング
- 認証・ユーザー管理
- サーバーレス関数とAPI
- 外部サービス連携やバックグラウンドジョブ
Claude Designでデザインを作り、Netlifyへ即時デプロイし、同一プラットフォーム上でフルスタックアプリに育てていく、という一連の流れが同じスタック内で完結する。
背景：Claude Designとは何か、なぜこの統合が意味を持つか
Claude Designは、Anthropicが提供するUIデザイン生成ツールで、プロンプトから画面デザインやフロントエンドコードを生成する。2026年7月時点ではclaude.ai/designから利用できる。
一方、Netlifyはフロントエンドのホスティングと自動デプロイを得意とするプラットフォームで、GitリポジトリへのプッシュをトリガーにCDN配信まで完結できる静的サイト・JAMstackの定番インフラとして広く使われている。従来のワークフローでは「GitHubにコードをプッシュしてNetlifyで拾う」という手順が一般的だったが、それ自体がAIツールとの相性を悪くしていた。
Claude Designのような生成ツールは、コードをエディタ経由でGitリポジトリに載せる手順を前提としていない。プロンプトでデザインが出来上がっても「それをどうやって公開するか」のステップが宙に浮いた状態になりやすく、「AIで生成はできるが公開が面倒」という摩擦は多くのユーザーが指摘していた課題だった。今回の統合はその摩擦を直接解消する形の対応であり、Claude DesignとNetlifyの両方を使っているユーザーにとって最もわかりやすく恩恵を受けられる変更といえる。
詳細はNetlify inside of Claude Designを参照していただきたい。
