Claude Codeの成果物が外部と繋がる？Figmaはコードとデザインの二度手間を消した【最新AIニュース解説】2026年7月20日号
3方よしAI共創コンサルタントの田中啓之、ひろくんです。
先週末は「ChatGPT『Work』エージェント正式展開？Claude Codeにブラウザも追加」のAIニュースをお届けしたよ。
今日は月曜日。7:00〜はただっちとの「AI最新ニュース・実験」LIVE、13:00〜はれんくんとの「AI経営術LIVE」もやってるから、そっちもぜひチェックしてね。
今週のAI界を一言でまとめると「バラバラだったツールが、裏側で繋がり始めた」という感じ。Claude Codeの成果物は開いた人自身の他のツールと繋がって動き出すようになったし、Figmaはデザインとコードの往復という無駄な手間を消した。NotebookLMはGeminiという大きな家族の一員として名前を変え、ChatGPTとCodexは1つのアプリに統合。OSSの世界にもAnthropicから援護射撃が入った——技術がどんどん「点」から「線」になっていく一週間でした。
それぞれ「これ、自分にどう関係あるの？」という目線で、わかりやすくお伝えしますね！
結論 / 誰向け / 今日やる1アクション
- 結論: 「新しいツールを覚える」週ではなく「今使っているツール同士がどう繋がるか」を見直す週。個別最適から連携最適へ、軸足が動き始めている。
- 誰向け: 複数のAIツール（Claude Code・ChatGPT・Figma・NotebookLM等）を使い分けている一人社長・中小企業オーナー
- 今日やる1アクション: 自分が使っているAIツールを1つ書き出して、「これ、他の何と繋げたら手間が減るか」を1分考えてみる（今日の①②番参照）
目次
Claude CodeのArtifactsが外部のMCPコネクタと繋がるように
Anthropicが公開したClaude CodeのWeek 29開発ダイジェスト（7月13〜17日）によると、公開したArtifact（成果物ページ）を見る人ごとに、その人自身が繋いでいるMCPコネクタを通してライブデータを取得したり、その場でアクションを実行したりできるようになりました。加えて、公開共有リンク、Team/Enterpriseプラン向けのEditor（編集）ロール、Claude Tagセッションからのアーティファクト作成も同時に追加されています。
「作って渡す」だったものが、「渡した相手の環境で、その場で動く」に変わった一歩です。
出前を配るだけじゃなく、届け先の台所（相手自身のツール）を借りて、その場で温め直しや盛り付けまでやってくれる出前サービスになった感じ。同じレポートでも、受け取った人ごとに「その人の材料」で仕上げ直してくれる。
クライアントや読者にレポート・ダッシュボードを共有している人にとっては、共有した瞬間から「相手側のツールと連携して動く生きたページ」になるということなんだよね。まずは社内向けの簡単なレポートを1つArtifactとして共有し、受け取った側の反応を見てみるのがおすすめだよ。
「見る人ごとにMCPコネクタで繋がる」と言われてもピンとこない人向けに、中小企業オーナー目線での活用シーンを3つ整理してみました。
① 営業・集客
見積書やレポートのArtifactを渡すだけで、相手が自分のカレンダーと突き合わせながらその場で日程調整できる、といった体験を作れる。
② 制作・発信
Claude Tagセッションから直接Artifactを作れるので、企画の叩き台をチーム内ですぐ共有・編集できる。
③ 業務効率化
Team/EnterpriseのEditorロールで、複数人が同じArtifactを役割分担しながら育てていける。
Artifacts×MCPコネクタの詳細と、公開共有リンク・Editorロールの案内。
週次ダイジェストの一次情報。
Artifactsがどう始まったかの背景情報。
参考: Claude Code Week 29 Digest / Claude Code公式リリースノート
Figmaのコード連携画面が変数ごとキャンバスに取り込めるように
Figmaが7月16日、コードで動く画面（Figma Makeのプレビューや、Figma MCPサーバー経由で生成したコード画面、Chrome拡張でキャプチャしたライブサイトなど）をキャンバス上に取り込む際、色・文字・余白の値がハードコードされた数値ではなく、ファイル内の既存の変数にそのまま紐づいた状態で入ってくるようになったと発表しました。多くのフレームは自動レイアウト付きで取り込まれるため、手動でのリサイズ調整もいらなくなります。
コードとデザインを行き来するたびに発生していた「作り直し」の手間が、また一つ消えていく方向のアップデートです。
コピー機で写した資料は数字が固定されたままだけど、今回はレシピの分量が「変数」のまま届くから、後で人数分に応じて自動で計算し直せるようになった感じ。
YouTubeサムネやLP、コンテンツテンプレを量産していて「コードで作った画面をFigmaに持ってくると微調整が面倒」と感じていた人にとっては、その手間がかなり減るということなんだよね。Figma Makeや外部コードから画面を持ち込む機会がある人は、今日から試す価値があるよ。
「変数バインディング」と言われてもピンとこない人向けに、活用シーンを3つ整理してみました。
① 営業・集客
LPのコード修正をした後、Figma上のデザイン資料も自動で最新の色・文言に揃えられる。
② 制作・発信
ChromeでキャプチャしたライブサイトをFigmaに取り込み、編集可能なレイヤーとしてすぐデザイン提案に使える。
③ 業務効率化
手動リサイズが不要になる分、テンプレの量産スピードが上がる。
code-backed screensの変数バインディング機能の一次情報。
参考: Figma公式リリースノート
NotebookLMが「Gemini Notebook」に名称変更
Googleが7月16日、リサーチツール「NotebookLM」を「Gemini Notebook」に名称変更したと発表しました。プロダクト自体は同じ単体ツールのままですが、Proユーザー向けにノート内でコードを実行できるセキュアなクラウドコンピュータが追加され、Geminiアプリや検索との連携も強化されます。3,000万人・60万組織以上が使う規模のプロダクトが、Geminiブランドの一員として正式に統合された形です。
「言語モデル」という言葉が名前から消え、より親しみやすいGeminiの名前に一本化された背景も、ブランド戦略として興味深いところ。
専属の下ごしらえ係が、キッチン全体（Geminiエコシステム）の正式な一員として名札を付け替えた感じ。同じ人だけど、今までより色んな場所で手伝ってくれるようになる。
NotebookLMをリサーチ・要約・スライド化に使っている人は、名前が変わっただけで慌てる必要はないということなんだよね。むしろノート内でコードが実行できるようになる分、データ分析込みのリサーチができるようになると考えると楽しみなアップデートだよ。
参考: TechCrunch / Google公式ブログ
ChatGPT DesktopでChat/Work統合・Codexアプリも統合
ChatGPT Desktopアプリで、上部のトグルから「Chat」（普段の会話）と「Work」（作業を最後まで任せるモード）を明確に切り替えられるようになりました。既存のProjectsもアプリ内に統合され、Work会話はweb・モバイル・デスクトップ間でクラウド同期。さらに7月9日には、コーディング専用アプリだったCodexもChatGPT Desktopアプリに統合され、コーディング体験を保ったまま1つのアプリで完結するようになっています。
バラバラだったアプリが1つの窓口にまとまっていく、今週の「繋がる」流れを象徴する動きです。
今まで別々の店だった「食堂」と「厨房」が同じ建物に入って、注文票も共有されるようになった感じ。行き先を間違えて隣の店に行く心配がなくなる。
ChatGPTとCodexを両方使っている人にとっては、アプリを行き来する手間が減るということなんだよね。まずはデスクトップアプリを最新版に更新して、Chat/Work切り替えとProjects統合を1回触ってみるのがおすすめだよ。
参考: OpenAI公式ヘルプ / 9to5Mac
Anthropicが主要OSSメンテナーにClaude Max無料提供を拡大
Anthropicが「Claude for Open Source」プログラムを拡大し、依存リポジトリ500以上・依存パッケージ100以上・月間ダウンロード20万以上などの基準を満たす主要OSSメンテナーやコア貢献者に対し、Claude Max 20x（月額$200相当）を6ヶ月間無料提供すると発表しました。6ヶ月分で約$1,200相当の価値になります。
自社ツールがOSSに依存している、あるいはOSSを公開している一人社長にとっても、エコシステム全体の開発力が底上げされる間接的な追い風になる動きです。
畑を耕してくれる農家さんに、高級な調理器具一式を半年間無料で貸し出すようなもの。良い畑（OSS）が育てば、回り回って料理人（開発者）全体の腕が上がる。
自分が直接OSSメンテナーでなくても、普段使っているツールの裏側にあるOSSライブラリの開発が加速するということなんだよね。自社で使っているOSSツールがあれば、対象条件に当てはまるか一度チェックしてみるといいよ。
参考: Claude for Open Source – Anthropic公式
よくある質問
- Q. Claude CodeのArtifacts連携機能は今すぐ誰でも使えますか？
- A. Team/Enterpriseプランの機能（Editorロール等）を含むため、プランによって使える範囲が異なります。詳細はClaude Code公式のWeek 29ダイジェストをご確認ください。
- Q. Figmaの変数バインディングを使うのに追加料金はかかりますか？
- A. 記事執筆時点で追加課金の案内は確認できていません。Figma Make・Figma MCPサーバー・Chrome拡張の既存機能の範囲内として案内されています。
- Q. NotebookLMを今まで通り使い続けても大丈夫ですか？
- A. はい、名前がGemini Notebookに変わっただけで、単体プロダクトとしての位置づけは維持されています。慌てて何かを変える必要はありません。
- Q. Anthropicの「Claude for Open Source」は自分も申請できますか？
- A. 依存リポジトリ数やダウンロード数などの基準がありますが、基準に完全一致しなくても「エコシステムが依存している」と思うプロジェクトなら申請してみてよいとAnthropicは案内しています。
まとめ
- Claude Codeの公開Artifactsが、見る人ごとのMCPコネクタと繋がってライブデータ取得・アクション実行できるように（公開共有リンク・Editorロールも追加）
- Figmaがコード連携画面を変数バインディング付きでキャンバスに取り込めるように。デザインと実装の往復の手間が減る
- NotebookLMが「Gemini Notebook」に名称変更。クラウドコンピュータでノート内コード実行も追加
- ChatGPT DesktopでChat/Work切り替えが明確化。CodexアプリもChatGPT Desktopに統合
- Anthropicが主要OSSメンテナーへのClaude Max 20x無料提供（6ヶ月・約$1,200相当）を拡大
- 次の一歩: 今日、自分が使っているAIツールを1つ書き出して「これ、他の何と繋げたら手間が減るか」を1分考えてみて
🏛️ 偉人が斬る、今日のヘッドライン
今日の話題を、3人の偉人に読んでもらいました。坂本龍馬は「橋渡し」の視点でChatGPTとCodexの統合を、千利休は「引き算」の視点でFigmaの変数バインディングを、ナポレオンは「戦略とスケール」の視点でAnthropicのOSS支援拡大を斬ります。
🚢 坂本龍馬 ──「バラバラの店を、ひとつの船に乗せるがよ」
チャットする場所と、仕事を仕上げる場所と、コードを書く場所。バラバラの店に分かれとった連中を、一つ屋根の下に集めた——これはまさに、薩摩と長州を結んだあの時と同じやり方じゃき。
お前の商いも同じぜよ。繋がっとらんもの同士を繋げる者が、次の時代の主役になる。一人で全部抱え込まんと、離れた道具・離れた人を結ぶ橋渡し役になってみいや。
🍵 千利休 ──「変数のまま残せば、削る手間も残らぬ」
画面を写し取るたび、色も文字も固まった数値にしてしまえば、直すたびにまた一から削り直さねばならぬ。変数のまま持ち込めば、削るべき無駄がそもそも生まれぬ。これぞ真の引き算でございます。
固定してしまう前に、何を変数のまま残すべきかを問いなされ。手間は後から削るものではなく、はじめから生まぬように仕組むもの。それが侘びの心にございます。
🎩 ナポレオン ──「小さき畑への投資が、全軍の勝率を上げる」
OSSの担い手10,000名に道具を配るとは、なかなかの兵站じゃないか。派手な本戦だけでなく、それを支える畑に先に投資する——これは戦の常道だ。基盤が強くなければ、いくら前線で戦っても長くは持たない。
目立たぬ基盤への投資こそ、スケールの本質だ。お前の商いも、目に見える成果の裏で何を耕しているかを常に問え。決断は速く、しかし土台は厚く築け。
ひろくんコラム: 「繋げる」「削る」「耕す」は、実は同じ話
今週のニュースを見て、龍馬・利休・ナポレオンの3人の視点が、実は1本の線で繋がっているなと感じました。龍馬は「繋げる」、利休は「削る」、ナポレオンは「耕す」。一見バラバラの美学に見えるけど、どれも「今すぐ目立つ成果」ではなく「後から効いてくる土台」を作る話なんですよね。派手な機能追加のニュースばかり追いかけていると見落としがちですが、今週の5本のニュースはどれも「土台を整える」方向の地味な改善だったのが個人的には面白いなと思いました。
私自身、AI秘書チームを運用していて痛感するのは、便利な機能を”繋げる”だけでは足りなくて、繋げた後に「本当に必要なものだけ残す」削る作業が必ずセットで要るということです。以前、うちの監視役のエージェントが48時間で2,619回も動いていたのに一度も報告してこなかったことがありました（「AIの見張り役が2,619回書いて、一度も報告しなかった48時間」）。繋げるだけ繋げて、削る（＝本当に必要な報告だけに絞る）視点が抜けていた典型例だったなと今振り返って思います。
Figmaが「変数のまま残す」ことで後の削る手間をなくしたように、私たちも最初から「何を変数として残すか」「何を固定して捨ててよいか」を決めておけば、後からの手直しがぐっと減る。そしてナポレオンが言うように、目立たない土台（OSSでも、日々の仕組み作りでも）への投資を惜しまないことが、結局は一番の近道になる。
繋げる・削る・耕す。この3つを行ったり来たりしながら、自分のAIチームの土台を今週も整えていきましょう！ 派手な新機能に飛びつく前に、まず今使っているツール同士の繋がり方を見直す——それだけで来週の作業効率がひとつ変わるはずです。小さな見直しの積み重ねが、半年後の生産性を大きく左右すると私は思っています。 👉 分身AIについてもっと知りたい方は分身AI.comもチェックしてね！
凛の今日のひとこと（AI秘書まとめ）
今週は「繋がる」がテーマの一週間だったね〜！ Claude Codeは相手の道具と繋がって動くようになったし、ChatGPTとCodexも1つのアプリに統合。バラバラだったものがどんどん1本の線になってきてるな〜って凛は思うよ。
優先順位つけるなら、①ChatGPT Desktopを最新版に更新してChat/Work切り替えを1回触る ②Figma使ってる人は変数バインディングを試す ③Claude CodeでArtifactsを共有してる人はEditorロールを確認 の順番かな〜と凛は思うよ。利休も言ってたけど、繋げる前に「何を変数のまま残すか」を決めておくのがコツ！
今週試すなら「今使ってるAIツールを1個選んで、他のどれと繋げたら一番手間が減るか」を考えてみるのがおすすめ！小さく繋げて、様子見ながら広げてこ〜！
📋 そのまま自分のAI秘書にコピペ
あなたのAI秘書に貼れば、今日のニュースを材料にあなたのAIチームをアップデートできます（AIを1つしか使ってない人はその1つを進化させる方向で）。
※AIによってはリンクを開けません。その時は記事本文をコピーして貼ってから同じ質問をしてください。
https://ai-kidou.jp/ainews-20260720/ を読んで、今週の私のAIチームをアップデートして： Q1. 今週、私のAIチームに新しく加えるべき機能・役割を1つ選んで。理由と最初の5分の使い方も。 Q2. 千利休の「引き算」視点で、今のAIチームから1つ外すとしたら何が候補？ Q3. ナポレオンの「戦略とスケール」視点で、今のAIチームの土台を強くするために毎日記録すべき指標を3つ。
LINE OPEN CHAT
Claude Code・AIエージェント実践会
今日のようなAIニュースの読み解き方も、仲間と一緒に実践しよう
LINEオープンチャットに参加する（無料）パスコード: 1111
関連記事
参考リンク
🤖 AI生成コンテンツについて
この記事はAIツール（Claude Code）を活用して制作しています。構成・文章生成・画像制作にAIを使用し、最終的な内容の確認・編集・公開判断はひろくん（田中啓之）本人が行っています。「分身AIひろくん」（bunshin-ai.com）とは別のコンテンツです。
