今週のWebデザイン×AI注目まとめ——Spline v2、Canva Code無料開放、Firefly Design Intelligence

今週のデザイン のアイキャッチ

2026年8月最終週、Webデザイン×AIの分野では3Dツールの大型刷新からノーコード領域の裾野拡大まで、動きの速いニュースが相次いだ。今週注目すべき5つのトピックを、公式発表ベースで簡潔にまとめる。

Webデザインとテクノロジーのイメージイラスト

1. Spline v2登場——3DエディタがWebGPUで全面刷新

3DデザインツールSplineが8月20日、大型アップデート「v2」を公開した。エディタのレンダリング基盤をWebGPUに刷新し、同じシーン内に置ける3Dオブジェクトの数を大幅に増やしつつ、ブーリアン演算の高速化や書き出しファイルの軽量化を実現している。あわせてAIエージェントからシーンを直接操作できる経路も開かれており、「手で作る3D」と「AIに作らせる3D」の橋渡しを意識した設計になっている。パララックスやスクロール演出用の軽量3Dアセットを量産したい制作者にとって、待ち望まれていた基盤刷新といえる。

2. Canva「Code 2.0」が無料プランにも開放

Canvaは自然言語プロンプトからサイトやアプリを生成する「Canva Code」を2.0にアップデートし、無料アカウントを含む全プランに開放した。50種類超のテンプレートから始めるほか、既存のHTMLコードやほかのAIツールで作った成果物を読み込んで、Canva本来のドラッグ&ドロップ編集に載せ替えられる点が特徴。コード生成時間はこれまでより75%短縮されたという。v0やBolt.newのような開発者向け「vibeコーディング」ツールとは違い、非エンジニアの裾野をそのまま取り込みにいく動きで、AIサイトビルダー市場の競争軸がひとつ増えた形だ。

3. Adobe Fireflyが「ブランドを学習するAI」へ

AdobeはFireflyに、ブランドの色・フォント・ロゴ・レイアウトのルールを学習して再利用可能なデザインを組み立てる「Design Intelligence」を組み込んだ。生成履歴や素材ライブラリを自然文で検索できるセマンティック検索も追加されており、画像・動画の生成から編集までを一つのワークスペースに統合する構成が進む。Web制作の現場では、トップページのビジュアル案やタイポグラフィ・配色のバリエーション出しを、ブランドガイドラインに沿ったまま高速に回せる点が実務上のメリットになりそうだ。

デザイナーのデスクとノートパソコン
Photo: rawpixel(CC0 1.0)/Openverse経由

4. Awwwardsが選ぶ「サイト自体がAI論考」——AI in Design Report 2026

Web制作の受賞サイトを集めるAwwwardsで、「AI in Design Report 2026」がサイト・オブ・ザ・デイに選出された。制作は++hellohelloで、AI活用の調査レポートそのものをデータ・分析・モーションが一体になったエディトリアル体験に仕立てている点が評価された。レポートの「内容」をAIで作るだけでなく、レポートを読ませる「体験」自体をリッチな演出でデザインする——という一歩踏み込んだ使い方の好例になっている。

5. Figma・Webflow・Framerも小刻みにアップデート

大型発表の裏で、定番デザインツールも継続的に手が入っている。Figmaは8月25日にAIクレジットの付与量を増量し、同料金でより多くのAI機能を使えるよう調整した。WebflowはStyle Managerを刷新してDesignerの表示速度を改善し、Figma連携プラグインがデザイントークンのマッピングやアクセシビリティ改善提案までエージェント的にこなすようになっている。FramerもキャンバスへのWireframer統合や3Dロゴ用のシェーダー機能を追加するなど、各社が地道な改善を積み重ねている週だった。

ツール 今週の動き タイプ
Spline v2でWebGPU化・AIエージェント連携 3D制作
Canva Code 2.0を無料プランに開放 AIサイトビルダー
Adobe Firefly Design Intelligence搭載 デザイン素材生成
Figma AIクレジット増量 UIデザイン
Webflow Style Manager刷新・連携強化 ノーコード制作
Framer Wireframer統合・シェーダー追加 ノーコード制作

主な情報源

各ツール・サービスは提供元の規約に従ってご利用ください。情報は各情報源の公開時点のものです。収集・要約はAI、公開判断は人。