◆動画の説明
(2026年)6月18日、Anthropicは
テキストの指示でスライド資料やwebサイト
アニメ動画等を作れるAIデザインツール
「Claude Design」をアップデートし
Claudeのデスクトップアプリで使えるようになり
編集機能・書き出し・アプリ連携機能が強化されました
さらに、AIエージェント
「Claude Code」で作ったwebサイトなどの
デザインシステム(ボタン・ヘッダー情報など)を
「Claude Design」に取り込んで
同じデザインのコンテンツを生成したり
Claude Designで作ったwebサイトやスライド資料などを
Claude Codeと同期させて、双方のツールで
作業を実行できるようになりました
今回の動画では
第一章：Claude Designの概要と新機能
第二章：Claude DesignとClaude Codeの連携
の二章構成で、最新のClaude Designで
何ができるようになったのかを解説し
目玉機能として実装された
Claude DesignとClaude Codeの連携方法について解説します
◆動画のもくじ
0:00 動画について
0:48 動画のもくじ
1:20 第一章：Claude Designの概要と新機能
1:37 Claude Designの特徴
2:46 Claude Designの新機能
5:14 第二章：Claude DesignとClaude Codeの連携
5:42 ①、Claude Codeについて
6:41 ②、Claude CodeのデザインシステムをClaude Designにアップロード
9:05 ③、Claude DesignのデータをClaude Codeと同期
10:54 エンディングムービー
◆動画の中で紹介している内容
GitHub、PDF、パワーポイント、Base44、Canva、Adobe、React
Gamma、Lovable、Miro、Replit、Vercel、Wix、Cowork
◆参考サイト
▼オススメ動画
【2026年春最新】Gemini最新機能まとめ！NotebookLM完全統合から・音楽生成・画像生成まで注目機能をぜんぶ解説！
【Googleの無双AI】NotebookLM完全ガイド2026年3月最新版！ この動画1本で使い方＆全機能を完全網羅！
【2026年春最新版】Claude Code(クロードコード)入門ガイド｜導入方法・使い方・重要機能(MCP、Skills、Hooks、Subagent、Plugins)をやさしく解説！
【Suno v5.5完全ガイド】AI作曲が次の時代へ｜自分の声・好み・音源で曲が作れるSunoの新機能をまとめて解説！
【Claude Codeのライバル】Codex(コーデックス)入門ガイド｜導入方法・使い方・重要機能(MCP、スキル、プラグイン、Hooks、Subagents)をやさしく解説！
【すぐに使える活用事例20例】GPT Image 2(ChatGPT Images 2.0)完全攻略！画像生成・画像編集・日本語漫画・アプリ・絵コンテで動画作成まで徹底解説！
▼SNS(AI速報【AI&ChatGPT最新情報】)
▼どんなチャンネル？
当面の間は週に4、5本更新予定
案内人のアンドロイドが
毎日煩雑な情報が飛び交うAI(ChatGPT)の話題を中心に
関連情報をまとめて公開します！
管理人：ミライ
※すべてソースを基に制作しています
みなさんぜひコメントをどしどしお願いします！
#claudedesign #claudecode #claude #クロードコード #アンソロピック #AI #生成AI
コメント