今週のWebデザイン×AI注目まとめ：Framer CMS・Figmaエージェント・Spline規約改定（2026年10月第1週）

2026年10月13日

10月第1週のWebデザイン×AIまとめ。Framerの更新、Figmaのデザインエージェントとモーション機能、Spline利用規約の改定、Claude Codeに貼るスクロール演出プロンプトの流行を、実務での使いどころ付きで整理します。

今週の注目5件

話題	要点	実務での影響
Framer	CMSにListフィールドを追加。Agentからも扱える	FAQや機能一覧の繰り返し項目を整理しやすい
Figmaのデザインエージェント	カスタムツールと、より広いコンテキストに対応	自社デザインシステムに沿った編集を任せやすくなる
Figma Motion	キャンバス上のタイムライン、3D変形、CSS書き出しとMCP連携	動きの意図をコード側に渡しやすい
Spline	利用規約を改定。2026年10月29日に発効	AI機能を使う人は事前に確認したい
スクロール演出プロンプト集	コピーしてClaude Code等に貼る手法がSNSで拡散	手早く試せる。品質は自分で検証する

1. Framer：CMSに「List」フィールド

Framerの更新履歴によると、CMSにListフィールドが加わり、APIとAgentにも対応しました。これまでは「タイトル1」「説明1」「タイトル2」のようにフィールドを複製していたFAQ、機能一覧、手順、事例などを、1つのリストにまとめて行の追加や並べ替えができます。

既存コンテンツの移行は、Framer Agentに繰り返しフィールドの変換を頼む方式が案内されています。
CMS本文へ挿入できる動画コンポーネント、複数アイテムの一括複製、インライン編集への対応も同じ更新に入っています。

2. Figma：デザインエージェントとモーションの強化

Figmaのブログでは、デザインエージェントがカスタムツールとより広いコンテキストに対応したと紹介されています。Figmaの解説では、デザインシステムの文脈を踏まえた画面生成、一括編集、ライブラリ整備、スキルやコネクタの利用が挙げられています。

Figma Motionと3D変形

Figma Motionの紹介記事（韓国語版）によると、キャンバスにタイムラインが入り、フレーム・ベクター・テキストをz軸で回転する3D変形も扱えます。結果はCSSに書き出せ、MCP経由でコーディングエージェントにも渡せます。動きの設計をそのままコード側へ引き継げる点が要です。

デザイン文脈をAIに渡す考え方はContextual AI Codingにまとまっています。Dev Mode、MCPサーバー、Code Connectを使い、全部を渡すのではなく必要な文脈だけ渡すのがコツだと説明されています。

3. Spline：規約改定に注意

Splineの利用規約は2026年9月29日付で更新され、2026年10月29日に発効します。ユーザーコンテンツ（3Dシーンなど）と、AI機能の利用記録（プロンプト、エージェントの操作、修正内容など）に対する「匿名化データ」のライセンス条項が含まれます。発効日以前に作成したデータにも適用されると記載されています。

業務案件やクライアント素材をSplineで扱う場合は、条文を自分で読み、社内やクライアントの規定と照らしてください。
本記事は法的助言ではありません。

4. Claudeで作るスクロール演出：プロンプト集が流行

SNSでは、スクロール演出や3Dアニメーションのプロンプト集サイトからプロンプトをコピーし、Claude Code、Cursor、Codexに貼る手順が広まっています（Threadsの投稿）。別の投稿ではHTML・CSS・JavaScriptにGSAP（ScrollTriggerとSplitText）を組み合わせた例も紹介されています。