10月第2週のWebデザイン×AIは、デザインツール側でAIエージェントが「正式版」に移り、3D・サイトビルダー側でもAIから直接操作できる流れが進みました。先週の動きを4件に絞って整理します。
1. Figma agentが正式版に。AIクレジット消費も開始
Figmaのブログによると、Figma agentはベータを終えて正式版になりました。指示の理解と長時間タスクの処理が改善され、プロのデザイナーによる評価では約6割以上で勝ったとされています。Figma Designのエージェントと「Weave」は10月6日に一般提供へ移り、どちらもAIクレジットを消費する仕組みです(解説記事)。
- ポイント: 新しい「guidelines」機能で、デザインシステムの規約をエージェントへの指示として使えます。
- 注意: 従量的にクレジットが減るため、チームで使う場合はプランと上限を先に確認してください。
2. Spline MCPで、Claudeから3Dシーンを直接作る
3DツールのSplineが、MCP経由でClaude CodeやCursorなどのAIツールから操作できるようになっています。公式チュートリアル動画では、参考画像から公園のジオラマをSplineで再現し、昼夜切り替えなどを加えたWeb体験までClaudeに作らせています。プロンプトに「Splineで」と書くとツールが選ばれる点がコツです(チュートリアル動画)。
3. Claude Design:design.mdでデザインシステムを持ち回る
Claude Designは、チャットでデザインや試作を作るAnthropicのワークスペースです。ヘルプセンターではPro・Max・Team・Enterpriseでベータ提供とされ、Artifactsやclaude.ai/designからも使えます。デザインシステムをdesign.mdに書き出し、Cowork等のプロジェクトに置けば以降の作業が同じ規約を参照する、という使い方も紹介されています(Social Media Examiner)。
4. v0がプライベートnpmパッケージに対応
v0は、Vercelの共有環境変数に保存した認証情報で、プライベートnpmやカスタムレジストリからパッケージを入れられるようになりました。社内のデザインシステムやコンポーネントライブラリをv0上でそのまま使えます。認証情報は機密指定でき、モデルに見せたりサンドボックスへ書き出したりしないと説明されています(Vercel Changelog)。
まとめ表
| 話題 | 変化 | 関係する人 |
|---|---|---|
| Figma agent | 正式版・AIクレジット消費 | UIデザイナー、チーム管理者 |
| Spline MCP | AIから3Dを直接操作 | 3D演出を作るデザイナー、開発者 |
| Claude Design | design.mdで規約を共有 | ブランド統一したい制作者 |
| v0 | プライベートnpm対応 | 社内デザインシステムを持つ開発チーム |
今週の一言
共通するのは「AIにデザインの規約を渡す」流れです。Figmaのguidelines、Claude Designのdesign.md、v0の社内パッケージ対応はいずれも、AI製UIが汎用的に見える問題への対策といえます。まず自分のデザインルールを文書化することが、どのツールでも効きます。
主な情報源
- Figma Blog: 3 Ways Product Designers Use the Figma agent
- Medium: Figma Just Put a Meter on Its AI Agent
- Spline MCP: Build 3D Web Experiences with AI (YouTube)
- Claude Help Center: Get started with Claude Design
- Social Media Examiner: Claude Design
- Vercel Changelog: v0 npm credentials
各ツール・サービスは提供元の規約に従ってご利用ください。情報は各情報源の公開時点のものです。収集・要約はAI、公開判断は人。