3Dデザインツールの「その場でAI画像生成」から、アニメーションツールの「AIエージェント無料開放」、映像生成の「AI副監督」まで――デザイナーの手元で動くAIツールが、この夏でまた一段レベルアップしています。今回は、Webデザイン制作の現場で実際に使えそうなツール・素材のアップデートを5つ厳選して紹介します。
1. Spline「Hana」がキャンバス内でAI画像生成に対応
Splineのインタラクティブデザインキャンバス「Hana」に、AIによる画像生成・リミックス機能が追加されました。テキストや参照画像から画像を生成できるほか、最大6枚の参照ビジュアルを組み合わせて新しい画像に仕立てたり、フレームをガイドとして使って生成結果の方向性をコントロールしたりできます。背景除去やアップスケールもキャンバス内でそのまま実行可能です。
生成モデルはFlux・Nano Banana・Seedreamなどから選択でき、別のツールに画像を持ち出してマスク処理や切り貼りをする手間がなくなります。3Dシーンのモックアップ作成やUIビジュアルのラフ出しを1つのキャンバスで完結させたいチームには特に相性が良さそうです。
2. Rive、AIコーディングエージェントを無料プランにも開放
Riveは、インタラクティブアニメーションをState Machineとして組み立て、軽量な.rivファイルとして書き出せるツールとして、Spotify WrappedやDuolingoなど大規模プロダクトの裏側でも使われています。2026年1月に導入されたAI Coding Agent（自然言語からRiveのスクリプト言語Luauを生成する機能）は、4月30日付で無料ユーザーにも開放されました。
あわせて、クレジット消費が早すぎるという声を受けて、より効率的な生成モデルへの切り替えと、フルのエージェントを呼び出さない軽量な「Askモード」が追加されています。無料ユーザーには時間ごとに回復するクレジットが割り当てられ、コードを書かずにインタラクション設計を試せる範囲が広がりました。
3. Higgsfield「Cinema Studio 3.5」――AI副監督「Mr. Higgs」搭載
Higgsfieldの映像制作環境「Cinema Studio」がバージョン3.5に到達しました。キャラクター・ロケーション・プロップといった再利用可能な要素、1,296種のカメラレンズ設定、色調グレーディング、複数カメラワークの同時スタックなど、映像制作の細部までコントロールできるのが特徴です。
新機能の「Mr. Higgs」はAI副監督として、プロジェクトの文脈を理解した上でシーンをショット単位に分解し、設定やプロンプトをその場で組み立ててくれます。Webサイトのヒーロー動画やプロダクト紹介動画の下地づくりに、撮影・演出の知識がなくても取りかかれる設計です。あわせて、生成物の肖像権・IPリスクを検知する「Soul Cast」や、プロンプト作成を助ける「Higgsfield Assist」も2026年中に追加されています。
4. Figmaのプラグインで広がる、AIテクスチャ・パターン生成
UIにさりげない質感を加える「ノイズ・テクスチャ・パターン」系のFigmaプラグインも進化しています。定番のNoise & Textureはレイヤーを選ぶだけでシームレスなノイズやテクスチャを動的生成でき、Pattern Texture Creatorはグリッドから有機的な模様、ハーフトーンまで幅広いパターンをその場で作成できます。
形状やテキスト、画像そのものを生成的なパターンへ変換するSnapattern、テキストプロンプトから60秒ほどでSVGイラストを生成するSVGeniusなど、AI寄りのプラグインも増加中です。素材サイトを行き来せず、Figma内でそのまま質感やアイコンを仕上げられるのが利点です。
5. MotionSites――コピペで動くAIサイトビルダー向けプロンプト集
MotionSitesは、それ自体はビルダーではなく、Lovable・Bolt・Cursor・ClaudeなどのAIコーディングツールに貼り付けて使う「プロンプト素材集」です。SaaS・代理店・ポートフォリオ・ECなどのカテゴリ別に、ヒーローセクションやアニメーション背景のプロンプトがテンプレート化されており、コピー&ペーストするだけでAIツール側が実装コードを書いてくれます。
デザインスキルがなくても高品質な演出付きサイトの土台を作れる一方、生成後の微調整は依然エンジニアリング側の作業になる点は留意が必要です。無料プランのほか、$149/年または$239の買い切りプランが用意されています。
今回紹介したツールの比較
| ツール | カテゴリ | 今回の注目点 | 向いている用途 |
|---|---|---|---|
| Spline (Hana) | 3D/インタラクティブデザイン | キャンバス内AI画像生成・リミックス | 3Dモックアップ、UIビジュアルのラフ出し |
| Rive | アニメーション/State Machine | AI Coding Agentの無料開放・Askモード | インタラクション設計、軽量アニメーション実装 |
| Higgsfield Cinema Studio | AI映像生成 | AI副監督「Mr. Higgs」、v3.5 | サイト用ヒーロー動画・プロダクト映像 |
| Figmaプラグイン群 | テクスチャ/パターン/SVG生成 | Noise & Texture・Pattern Texture Creator・Snapattern・SVGenius | UIの質感付け、アイコン・イラスト素材 |
| MotionSites | プロンプト素材集 | AIコーディングツール向けテンプレート | ランディングページの演出土台づくり |
主な情報源
- Spline Blog: AI Image Generation in Hana
- Spline Updates: AI Image Generation in Hana
- Rive Blog: Free Rive AI Agent
- Rive Blog: Rive AI Coding Agent FAQ
- Higgsfield Blog: Cinema Studio 3
- Higgsfield: Cinema Studio
- Figma Community: Noise & Texture
- MotionSites AI 公式サイト
各ツール・サービスは提供元の規約に従ってご利用ください。情報は各情報源の公開時点のものです。収集・要約はAI、公開判断は人が行います。