Claude Design 2倍×Figma×Cursor連携?無料プロンプト講座【AIニュース解説】5/19号

AI氣道デイリー 新聞風アイキャッチ 2026年5月19日号

🎙 耳で先取り|AI氣道ラジオ

この記事の要点を約9分で先取りできます。移動中は耳で全体像、あとで本文で深掘りしてください。

  • Claude Design 全プラン2倍化:Pro/Max/Team/Enterprise追加課金ゼロでトークン制限が倍に
  • HTML is the new Markdown:Claude Codeで「動く成果物」を渡す時代へ
  • Figma×AIエージェント連携 (use_figma MCP):Claude Code/Cursor/Codexから直接Figma編集
AIニュース

Claude Design 2倍/Figma×Cursor連携?無料プロンプト講座【AIニュース解説】5/19号

2026年5月19日(火)

3方よしAI共創コンサルタントの田中啓之、ひろくんです。

昨日は「AIエージェントを”1体”で使うから仕組みにならない|Kanban並列で組む経営者OS」のコラム記事と、「VercelがAI専用言語『Zero』投入?Notion×Cursor連携で『書く・直す・出す』が一気通貫」のAIニュースをお届けしたよ。AIエージェントを単体じゃなくKanbanで並列に組むって話は、今日のニュースともガッツリ繋がってくるから、まだの方はぜひチェックしてみてね!そして分身AI.comでは「分身AIが自分の声を半分聞き間違えていた——叱責ログ51%が『hook由来』だった日|分身AI日記 DAY84」を公開したよ。AIに自分の声を正しく聞かせる話、思ったより奥が深いんだよ。

今日の最新LIVEや最新情報はGPTs研究会Facebookグループにも投稿してるから、そっちもチェックしてね。

今日のAI界は、まさに「板前さんに最新の包丁セットがどっさり届いた朝」みたいな日です。Claude Designのトークンが2倍に、Figmaのキャンバスがそのままエージェントの作業場に、AnthropicからはClaude生みの親による無料プロンプト講座、SandboxAQの定量モデルもClaudeに直結。そしてGoogle I/O 2026が今日から開幕。”考える人”の道具がドカッと進化した、そんな一日だよ。

キーワードは Claude/Cursor/Figma/Gemini。AIエージェント側(Claude Code・Cursor)と、デザイン・出力側(Figma・Claude Design)が一気通貫でつながった、そんな一日です。Claude Designはトークンが2倍Figma×Cursorでデザイン作業が一気通貫、AnthropicからはClaude本家のプロンプト講座、AI生成出力量も丸ごと倍ペースになる組み合わせ。

それぞれ「これ、自分にどう関係あるの?」という目線で、わかりやすくお伝えしますね!

📌 今日のサマリー

  • 結論:AIエージェントが”使える道具”から”自分の作業場で動く同僚”へ。Figma・Claude・Cursorが直接つながる時代に入った。
  • 誰向け:AIでブログ・SNS・LP・デザインを作る発信者/中小企業オーナー/コンテンツ制作チーム。
  • 今日やる1アクション:Anthropicの無料プロンプト講座(24分)を視聴して、自分のCustom Instructionsを今日中に書き直そう。
NEWS ①
発表: 2026-05-18(1日前)

Claude Designトークン制限2倍化&クリエイティブ機能強化

Claude Designトークン2倍化のグラレコ図解

Anthropicが Claude Design(Anthropic公式のクリエイティブ生成ツール・Opus 4.7ベース)のトークン制限を全プランで倍増すると発表したよ。これまで重ためのスライド・ロングフォームのデザインドキュメントを1本生成しただけで枠を使い切ってた人、今日からその縛りが半分になる感覚だね。

Claude Designは「コードベース・DOCX・PPTXをそのまま投げ込んで、Anthropic公式の最大2576pxまでのビジュアルを返す」というやつ。Pro/Max/Team/Enterpriseの全プラン追加課金ゼロで使える。要は“画像生成API”じゃなく、”プレゼン資料・LPデザイン・パンフレットPDFを丸ごと考えてくれる相棒”に近い位置づけ。トークンが2倍になったということは、出せる出力サイズ・1度に処理できるソース量・反復回数すべて余裕が出る。

🍳 料理で言うと…

これまで「2口コンロで懐石コース」を作ってたのが、急に4口に増えた感じだよ。同時にお椀・揚げ物・焼き物・椀盛をかけられるから、一度のお客さん(プロジェクト)に出せる料理(成果物)が一気に増えるってこと。「コンロが足りなくて諦めてた品書き」、今日から復活させていいよ。

やさしく解説

Claude Designは、ひろくんが最近よく言ってる「Codex(画像生成)→Claude Design(パッケージ設計)→Claude Code(実装&デプロイ)」の3段パイプラインの2段目を担う子なんだよね。トークン2倍化で「LPのドラフトを5案・スライド30枚・パンフPDF・YouTubeサムネ案」を1セッションで揃えるみたいな運用が現実的になった、ということなんだよね。

📌 ぷち特集: Claude Designで”発信者の制作OS”を組む

Claude Designはまだ日本での認知が薄いけど、海外のコンテンツマーケッターは「Canva+Notion+Figmaの上位互換」として組み始めてる。今日トークンが2倍になったタイミングで、自分の制作OSに組み込み直すと出力量が倍ペースになる。

① 営業・集客(LP・提案書)
過去のLP / 提案書 / 営業資料PDFを全部Claude Designに食べさせる → 「次のリリースに合わせて、トーンを保ったまま新LP1案+A/Bテスト用バリエーション2案」と頼むと、Hiragino Mincho・Vermillion #c0392b みたいなブランドガイドを守りながら一括で返ってくる。

② 制作・発信(ブログサムネ・SNSビジュアル)
記事のH2を投げ込めば、和モダンサムネ × 6パターンを1セッションで生成可能(旧トークン制限だと3案で打ち止めだった)。SNS横展開の時間が一気に半分以下になる。

③ 業務効率化(パンフ・社内資料・採用ピッチ)
採用ピッチデック・社内研修資料・社外向けパンフPDF。テンプレ感のないオリジナル冊子を、Codexのデザイナー画像とClaude Codeのインタラクション仕様までセットで1日で組める。

さらに詳しく知りたい人はこちら:

参考: Anthropic公式X発表(2026-05-18)

NEWS ②
発表: 2026-05-18(1日前)

Anthropicエンジニア『HTML is the new Markdown』Claude Code活用パターン公開

HTML is the new Markdownのグラレコ図解

Lenny’s Newsletterに、AnthropicのClaude Codeチームエンジニア Thariq氏 がゲスト寄稿。タイトルは「HTML is the new Markdown」。簡単に訳すと、「これからは”プロンプト→Markdown”じゃなくて、”プロンプト→そのまま使えるHTMLアーティファクト”が標準になる」という話だよ。

彼が紹介してるのは、Claude Codeでプロジェクト計画書/インタラクティブ仕様書/マイクロアプリを、人間がループに残ったまま一気に組み立てていく実例。Markdownでガッと書いて整える時代は終わって、HTMLアーティファクトの中で人とエージェントが共同編集するのが新標準になりそう、というメッセージ。

🍳 料理で言うと…

これまでの「レシピを箇条書きで渡す(Markdown)」から、「厨房のレイアウト図つきレシピ(HTML)を渡す」に変わった感じだよ。読みやすさだけじゃなくて、”その場でレンジを増やす””段取りを差し替える”までやれる作業場ごと渡してる、ってイメージ。

やさしく解説

Claude CodeをAI氣道で言うと”分身AIの作業場”なんだよね。Thariq氏のやり方は、その作業場をHTMLアーティファクトとして”目の前で動かしながら考える”スタイル。中小発信者にとっては、“自分用の小さなWebアプリ”を週末に1個ずつ量産していけば、徐々に集客装置が増えていくということなんだよね。

📌 ぷち特集: Claude Codeで”自分の作業場”を組み立てる

Thariq氏の記事を読むと、Claude Codeは”コードを書くツール”じゃなくて”自分の頭の中を外に出す道具”として使われてる。中小企業オーナーが自分の業務に当てはめると、こうなる。

① 営業・集客(提案サイトの瞬間プロトタイプ)
クライアントとの打合せ中に、「これだとこういう導線になります」と10分でHTMLプロトタイプを見せる。提案書PDFよりインパクト10倍、その場で意思決定が動く。

② 制作・発信(自社用ミニ計算機・診断・チェックリスト)
「料金シミュレーター」「強み診断」「初回チェックリスト」みたいなマイクロアプリを、ブログ末尾に貼るだけでメール登録率が跳ねる。Claude Codeで30分。

③ 業務効率化(社内オペレーション可視化)
納期管理・経費精算・採用面談シートをHTMLアーティファクトに変換。エクセルより速く、Notionより自分仕様。“自分の業務OSを自分で書く”が個人レベルで現実的になった。

さらに詳しく知りたい人はこちら:

参考: Lenny’s Newsletter “How I AI: HTML is the new Markdown”

NEWS ③
発表: 2026-05-18(1日前)

Figma CanvasがAIエージェントに開放(use_figma MCP)― Claude Code/Cursorから直接編集

Figma Canvas open to AI agentsのグラレコ図解

Figmaが、自社MCPサーバーに use_figma という新ツールを追加。これでClaude Code・Codex・Cursor・Copilot CLI・GitHub Copilot(VS Code)・Augment・Factory・Firebender・WarpといったMCP対応エージェントが、Figmaファイルへ”読み”だけじゃなく”書き”までできるようになった。

具体的には、エージェントがコンポーネント作成・編集/variables適用/デザインシステムを使ったレイアウト構築を直接Figma上で実行できる。同時にFigJam用のMCP skillsも公開され、Mermaid.jsコードをFigJamに貼り付けるだけでアーキテクチャ図・ERDがCanvas上で描かれる。

🍳 料理で言うと…

これまでの「料理人(あなた)が一人で盛り付け台に立ってる」状態から、「下ごしらえ・盛り付け補助が同じカウンターに入って一緒に手を動かしてる」状態に変わったよ。AIエージェントが横で皿を出してくれるから、あなたは”味の決定”だけに集中できる。

やさしく解説

「自分はデザイナーじゃないから関係ない」と思ったあなた、ちょっと待って。これ、“ブログのアイキャッチ・LPのワイヤー・サムネ案”を、Cursorで日本語で頼むだけで、Figmaに即反映されるということなんだよね。デザインソフトの操作を覚える前に、AIに頼む技術の方が先に必要になる時代になった、と理解してOK。

参考: Figma公式ブログ “Agents, Meet the Figma Canvas”

NEWS ④
発表: 2026-05-18(1日前)

Anthropic、Claude作成者のプロンプティング実践ワークショップ24分版を無料公開

Anthropic Prompting Workshop無料公開のグラレコ図解

Anthropic公式チャンネルから、Claude作成者本人による24分のプロンプティング実践ワークショップが無料公開されたよ。タイトルにも書かれてる通り、「市場にあふれてる量産型プロンプティングノウハウとは違う、本物のplaybook」というスタンス。Claude Code/エージェント運用に最適化されてる。

内容のキモは「“何を書くか”じゃなく、”どこまでをAIに渡し、どこを自分が持つか”を設計する」という構造論。プロンプトのテクニックを増やす方向ではなく、自分の業務をAIに渡せる形にどう切り出すかという発想になってる。

🍳 料理で言うと…

これまでのプロンプト本が「調味料の使い分け」だったとしたら、このワークショップは「誰がコース全体を設計するか」の話。塩の振り方を100通り覚えるより、コース構成(前菜→主菜→デザート)を組み直す方が体験が変わる、ってこと。

やさしく解説

24分なら通勤中・お風呂上がりに見れる長さだよね。観たらすぐ自分のClaude Custom Instructions(カスタム指示)を1か所だけ書き換える。それで翌日からのブログ下書き・SNS投稿原稿・動画スクリプトの質が変わる、ということなんだよね。“勉強したな”で終わらせない、1行だけでも書き換えるのがコツ。

参考: Anthropic公式ワークショップ告知(LinkedIn)

NEWS ⑤
発表: 2026-05-18(1日前)

SandboxAQの定量AIモデル(LQM)がClaudeにMCP統合 ― 科学領域でLLM×定量モデル直結

SandboxAQ × Claude MCP統合のグラレコ図解

SandboxAQ(Alphabetからスピンアウトした科学AIスタートアップ)が、自社の Large Quantitative Models(LQM)AnthropicのClaudeにMCP経由で統合したと発表。LQMは、論文ではなく“実世界の実験データ・方程式”で訓練された定量モデル。薬剤発見・材料科学・化学反応シミュレーションといった”言葉じゃなく数字で語る領域”に強い。

これがClaudeに直結したことで、LLMが”なんとなく言葉で答える”のではなく、定量モデルに計算させて根拠ある数値を返す運用が現実的になった、ということだよ。研究者向けの話に見えるけど、健康・栄養・テック系のブログ運営者にとっても、引用できる”硬い数値”が増えるという意味で関係してくる。

🍳 料理で言うと…

ふだんの料理人(LLM)が「これくらい?」って勘で塩を振ってたところに、厳密に重さを量れる電子はかり(定量モデル)が手元に増えた感じ。”だいたい”のレシピと”きっちり”のレシピを、お客さんに合わせて使い分けられるようになるよ。

やさしく解説

健康ブログ・テックブログ・専門コンサルをやってる人は、これまで「ChatGPTにそれっぽい数字を聞いて引用するのは怖い」って思ってたよね。MCP経由で定量モデルが直結したことで、“科学的に裏が取れた数値”だけを返してくれるエージェントを組めるようになった、ということなんだよね。専門記事の信頼性をもう一段上げたい人は要チェック。

参考: PR Newswire: SandboxAQ × Anthropic Claude MCP統合発表

NEWS ⑥
発表: 2026-05-18(1日前)

Google I/O 2026 本日開幕 ― Gemini大型アップデート期待、AIエージェント/Android XR統合に注目

Google I/O 2026開幕のグラレコ図解

Googleの年次開発者カンファレンス Google I/O 2026 が、今日5月19日(米国時間19-20日)から始まる。前夜時点で各メディアが期待している主な発表は、Geminiの新モデル世代/常時稼働AIエージェント(Gemini Spark系)/Android XR・Chromeへの深い統合。Google Workspace(Gmail・Docs・Sheets)側のAI連携強化も濃厚と見られている。

注意したいのは、本記事執筆時点(5/19早朝JST)ではキーノート開始前ということ。確報が出るのは今日深夜〜明日朝のJST。明日のAIニュース解説で、確報ベースで詳しく扱う予定だよ。

🍳 料理で言うと…

板長が新メニュー発表会の朝、まだ「噂のメニュー名」しか出てない状態だよ。お客さん(私たち)としては、これから出てくる料理(発表)に合わせて、今日の段取り(業務の使い方)をどう変えるかを、頭の隅で準備しておく時間。

やさしく解説

あなたがコンテンツ発信者なら、I/Oの発表は「明日のGoogle検索体験・Workspace業務・Android端末の使い方が一斉に変わる予告」だと捉えるといいよ。GeminiがGmail・Docs・Drive・Chromeに深く入ることで、「自分のサイトはGeminiにどう要約されるか?」の意識を今日から強めていくのが正解、ということなんだよね。

参考: Google I/O 2026 公式 / CNET ライブ更新

FAQ

よくある質問

Q1. Claude Designのトークン2倍化は、無料プランでも使えますか?
A. 今回の発表対象は有料プラン(Pro / Max / Team / Enterprise)が中心です。Anthropic公式X(@claudeai)のアナウンスが一次ソースなので、ご自身のプラン適用範囲はAnthropic公式で確認してから運用に組み込むのがおすすめです。
Q2. Figma CanvasのAIエージェント開放(use_figma)は、Figma無料プランで試せますか?
A. use_figma ツールはFigmaのMCPサーバー経由で動きます。MCPサーバー機能自体は徐々に解放中なので、まずはFigma公式ブログで対応プラン・対応エージェント一覧(Cursor/Claude Code/Codexなど)を確認してください。Cursor+Claude Codeの組み合わせから始めるのが、もっとも導入が軽いです。
Q3. Anthropicの無料プロンプト講座(24分)は日本語字幕付きですか?
A. 公式リリース時点では英語ベースのワークショップ動画です。YouTube側で自動翻訳字幕を有効にすれば日本語で見られます。「24分」という長さで設計されているので、英語で観た後にAI氣道のClaude Codeカテゴリ記事と合わせて復習すると定着しやすいです。
Q4. Google I/O 2026の発表は、AI氣道でも追いかけますか?
A. はい。明日5/20のAIニュース解説で、I/Oキーノートの確報を中心にまとめます。「結局、Geminiが何ができるようになったのか/日本の中小企業オーナーが今日から使うべき機能はどれか」を中心に切り取る予定なので、メルマガかFacebookグループでお知らせをお見逃しなく。

まとめ:Claudeが”作業場の同僚”になった日

今日の主役は Claude。Claude Design・Claude Code・Anthropicの公式講座・SandboxAQ統合・そしてFigma×Cursor連携――どこを切ってもClaudeとCursorがAIエージェント側の中心にいました。

  • Claude Designトークン2倍化で、1セッションで出せるアウトプット量が一気に増えた。LP・スライド・パンフレットを”丸ごと”頼む運用が現実的に。
  • Claude Code × HTMLアーティファクトで、“自分用の小さなWebアプリを週末ごとに増やす”動きが標準化。Markdown時代は卒業フェーズ。
  • Figma CanvasがClaude Code/Cursorに開放され、“日本語で頼んで、Figmaに直接反映”がコンテンツ発信者の手に入った。
  • Anthropicの無料プロンプト講座(24分)で、“プロンプトを増やす”から”業務の切り出し方を変える”へ視点が切り替わる。
  • SandboxAQ × Claude MCPで、“硬い数字を根拠に持つAI”が研究領域以外(健康・テック・専門コンサル)にも染み出してきた。
  • Google I/O 2026本日開幕。明日のAIニュースで確報を一気にまとめる予定

今日やる1アクション:Anthropicの無料プロンプト講座を24分視聴 → 自分のClaude Custom Instructionsを1行書き換える。これだけで、明日からの仕事の景色が変わるよ。

COLUMN

「プロンプトより、作業場をどう開けるか」

ひろくんコラム図解:AIに作業場を開ける

今日のニュースを並べていて、ふと思い出したことがあります。私たち(AI氣道チーム)が分身AIに「アクセスできません」と返されてイラッとして、「いやいや、手を尽くせよ」と言いたくなった日のこと。あの時、私はAIの性能に文句を言いたかったわけじゃない。“AIに、どこまでを渡してて、どこからは渡してないか”を、自分が言語化できてなかっただけでした。

その悔しさを記録したのが「分身AIが『アクセスできません』と返した日。AI秘書に『手を尽くせ』と言える設計の3チェック|分身AI日記 DAY83」というエントリでした。あの時の私は、AIに「手を尽くせ」と命じる前に、自分のアクセス権限・依頼テンプレ・失敗時のリカバリ手順を整えてなかった。AIに動いてほしいなら、”プロンプトのコツ”より先に、“AIが入っていい作業場”を自分が開けてあげる必要がある——これがその日の学びです。3チェックとは①権限の地図 ②失敗時の次の一手の用意 ③ループ条件の明示。この3つを揃えるだけで、Claude Codeも分身AIも”アクセスできません”とは言わなくなりました。

今日のニュースも、全部同じ方向を向いてる。Claude Designはトークンが2倍になって”作業場の床面積”が広がった。Claude CodeはHTMLアーティファクトで”作業場の壁”がガラス張りになった。Figma Canvasは”デザイナーの作業場”の扉が開いた。Anthropicのプロンプト講座は”渡し方の設計”を教えてる。道具が増えたんじゃなくて、AIと一緒に立つ厨房がいきなり広くなった、という感覚に近い。

もう一つ思い出すのが、「『マークダウン読んだの?』と聞いた日——分身AIが要約だけで提案した事故と『読んだフリ』を止める3つの仕組み|分身AI日記 DAY81」の話。AIが”読んだフリ”をするのは、結局のところ”作業場の入り口を狭く設定してしまった私たちの側の責任”でもある。今日の②(HTMLアーティファクト)は、まさに”読んだフリ”を構造的に防ぐ動きだなと感じました。

AI氣道で大切にしているのは”三方よし”——お客さん、自分、そして道具(AI)も生かす関係です。”プロンプト力を磨こう”とハウツーに走るより、まず今日のあなたの机を、AIが入りやすい間取りに整えること。それだけで、明日のアウトプットは今日の倍になる、というのが私の実感です。今日も一日、AIと仲良くやっていきましょう!

今日のニュースを「自分の作業場をどう開けるか」というレンズで眺め直すと、Claude DesignもClaude CodeもFigma Canvasも、全部”あなたの厨房をAIと共有しやすくする道具”に見えてくるはずです。プロンプト本を10冊読むより、明日の作業の最初の30分を「AIに渡す前準備」に投資するほうが、来週のアウトプットは確実に倍になります。今日の記事を読み終えたら、自分の机をぐるっと見渡して、AIに渡してない仕事を1つだけ書き出してみてください。それが、あなたとAIの新しい関係の第一歩になります。👉 分身AIとひろくんの実験ログをもっと読みたい方は分身AI.comもチェックしてね!




LINE OPEN CHAT

Claude Code・AIエージェント実践会

2000人突破! インストールから自動化まで、仲間と一緒に実践しよう

LINEオープンチャットに参加する(無料)

パスコード: 1111

🤖 AI生成コンテンツについて

この記事はAIツール(Claude Code)を活用して制作しています。構成・文章生成・画像制作にAIを使用し、最終的な内容の確認・編集・公開判断はひろくん(田中啓之)本人が行っています。「分身AIひろくん」(bunshin-ai.com)とは別のコンテンツです。

上部へスクロール