Spline
Spline · 画像
Splineはブラウザで動く3Dデザインツールで、インタラクティブなシーンを作り、WebやiOS、Androidへ公開できる。エディタの中ではAIエージェントが隣で作業する。
Spline について
What Is Spline
Splineは、インタラクティブな2D・3D体験を作り、複数のプラットフォームへ公開するためのWebデザインプラットフォームだ。ブラウザで動くので、モデリングを始める前に何かをインストールする必要はない。プリミティブ、マテリアル、ライト、アニメーションでシーンを組み、イベントでインタラクティブ性を足し、埋め込みコードや公開URL、iOSとAndroid向けのネイティブコードとして書き出す。
従来のモデリングソフトとの違いは公開の工程にある。Splineはデザインを、レンダリングするだけのものではなく、公開するものとして扱う。シーンには物理演算、スクロールの挙動、クリックへの反応を載せられ、別途の変換工程なしでサイトやアプリに届く。同社は2026年8月にエディタをSpline V2として作り直し、AIエージェント、WebGPUレンダラー、外部エージェントがエディタを操作できるMCPサーバーを加えた。
その手軽さの代償は深さだ。これはインタラクティブなシーン向けのデザイナー用ツールであり、キャラクターや映画のための完全なモデリング群ではない。高密度のスカルプトや重いシミュレーションが要るなら、結局は別のものを選ぶことになる。
Getting Started
- spline.designでメールかGoogleアカウントで登録する。無料プランはすぐ使え、個人用ファイルは限られるがビューアは無制限だ。
- 3Dエディタでシーンを作り、プリミティブを配置する。手持ちのOBJ、FBX、GLBモデルを読み込んでもよい。ライブラリからマテリアルを選ぶか、レイヤーで組む。
- ステート、イベント、アクションで動きとインタラクティブ性を足し、クリック、スクロール、キー、衝突に反応させる。
- シーンを公開URLとして出すか、コード片で埋め込むか、Web・iOS・Android向けのネイティブコードとして書き出す。
- 公開前にPlayモードで一通り確認し、ファイル数無制限や透かしなし、モバイル書き出しが要る段階で有料プランに上げる。
AIツール情報
Splineの料金、対応プラットフォーム、性能を簡単に確認できます。
こんな人におすすめ
このツールが最も力を発揮するユーザー、タスク、シーン。
ユーザー
- プロダクトデザイナー：インタラクティブな3Dインターフェースを組み、動くコードとして開発チームに渡せる。静止したモックアップと実装の間で往復する手間が減る。同じファイルが、有料プランでは3Dアニメーションとモバイル書き出しまで覆う。
- マーケティングやブランドの担当者：回転する製品やスクロールで反応するヒーロー領域は、動画制作なしでページを今風に見せる。無料プランで最初の試作はできるが、透かしは有料プランでしか消えない。
- Web開発者：ランタイムライブラリとコード書き出しがあるので、デザイナーのシーンをReactやNext.jsのプロジェクトに組み込める。ゼロから作り直す必要はない。
- 3Dに興味を持つ初心者：ブラウザのエディタと見慣れたデザイン操作で敷居が低く、高性能なワークステーションなしでモデリングを学べる。
タスク
- ランディングページに3Dオブジェクトを埋め込む：公開URLかビューアのコード片を書き出してサイトに貼る。CSSやcanvasコードで同じ効果を組むより速い。
- マーケティング映像用に製品を動かす：タイムラインとマテリアルの道具で画を組み、Proプランで動画を書き出せる。
- インタラクティブなUIを試作する：2DキャンバスのHanaがフレームとインタラクションを整え、公開前にキャンバス上で確認できる。
- テキストや画像から3Dモデルを生成する：対象を説明するか参考画像を入れ、4つのスタイルから選び、テクスチャ付きの結果をシーンへ持ち込む。
シーン
- 製品発表用のヒーロー領域を作る：スクロールに反応する3Dオブジェクトがページの主役になり、撮り直しなしで更新できる。
- 本格着手の前に案を試す：無料プランでインタラクティブなシーンを描き、予算をかける前に顧客へ見せられる。
- アプリに3Dプレビューを足す：有料プランのiOS・Android向けネイティブ埋め込みで、同じシーンをモバイル製品の中に置ける。
主な機能
AIエージェントとAIによる3D生成
Spline V2はエディタの中にAIエージェントを置く。欲しいものを説明すれば、シーンを組み立てたり直したりする。結果は後から手で調整できる。別の生成経路は、テキストのプロンプトや参考画像をテクスチャ付きの3Dモデルに変え、4つのスタイルから選べる。エージェントは3Dエディタでも2DキャンバスのHanaでも動くので、ひとつの癖で両方に対応できる。
リアルタイムレンダリングとWebGPU
エディタは作業しながらレンダリングするので、マテリアルやライトの変更が待ち時間なしで反映される。Spline V2はWebGPUレンダラーへ移行し、スクリーンスペース反射やより精細なマテリアルをもたらした。面がどう光を受けるかを詰めるときに効く。推測ではなくその場で判断できるからだ。
ステートとイベントによるインタラクティブ性
シーンはステート、イベント、アクションを通じて入力に反応する。クリック、スクロール、キー入力、衝突が変化を起こすので、デザインは動画ではなくインターフェースのように振る舞う。これがSplineの狙いの中心だ。3Dオブジェクトを静止画で見栄えよくするのではなく、生きたページの上で反応させる。
クロスプラットフォーム書き出し
シーンは公開URLとして出せるし、Splineビューアのコード片で埋め込めるし、Webプロジェクト向けのコードとしても書き出せる。有料プランならiOSとAndroid向けのネイティブ埋め込みに加え、iOS AR用のUSDZ、3Dプリント用のSTLが付く。同じシーンが、サイト、アプリ、ARプレビューへ、それぞれ作り直さずに届く。
コードAPIとランタイム
@splinetool/runtimeライブラリは書き出したシーンを読み込み、自分のコードでそのオブジェクトとイベントを操作させる。ReactとNext.jsのラッパーも同じランタイムの上に載るので、開発者はクリック処理を足したり、エディタの外からオブジェクトを動かせる。デザイナーのファイルと動く製品をつなぐ橋だ。
Hana：2Dキャンバス
HanaはUIと動くグラフィックのための2つ目のエディタで、3D側と同じインタラクションモデルで作られている。フレーム、ペンツール、ベクターネットワーク、ブーリアン、そして影やぼかし、ガラスといった効果を備える。AIエージェントはここでも動くので、3Dオブジェクトを作るのと同じ要領でUIフレームとインタラクションを生成できる。
外部エージェント向けのMCPアクセス
デスクトップアプリにはMCPサーバーが同梱され、Claude Code、Cursor、VS Codeといったツールがエディタを直接操作できる。接続したエージェントはオブジェクト、マテリアル、ライト、カメラ、イベントを作成・変更できる。これはデスクトップ専用で、ブラウザ利用者は内蔵エージェントは使えても外部接続は使えない。
メリットとデメリット
メリット
- ブラウザで動きインストール不要なので、ほぼどんなマシンでもモデリングを始められる。
- 公開の仕組みが組み込まれ、同じファイルからサイト、アプリ、ARへ届く。
- AIエージェントと3D生成が初期の作業を速め、結果は手で編集できる。
- ランタイムとコード書き出しが、単なる埋め込みではない本物の統合経路を開発者に与える。
- リアルタイムレンダリングで、マテリアルとライトの判断が速い。
デメリット
- 無料プランは個人用ファイルがわずかに限られ、Web書き出しに透かしが入る。規模を出して試すには有料プランが要る。
- インタラクティブなシーンとUIが対象なので、キャラクターや映画向けの完全なモデリング・アニメーション群の代わりにはならない。
- 外部エージェントのMCP接続はデスクトップアプリでしか動かず、ブラウザ利用者は入れない。
- AI生成は月ごとのクレジットで動き、繰り越せないので、使い込みすぎると枠を超える。
よくある質問
Splineはブラウザで動く3Dデザインツールで、インタラクティブな2D・3D体験を作り、WebやiOS、Androidへ公開する。サイトへの埋め込み、製品アニメーション、インタラクティブなUI、アプリのプレビューによく使われる。
関連コンテンツ
Splineに関連するツール、スキル、記事を探す。
Splineの代替ツール
X Ray Interpreter
X-ray Interpreter · 画像X Ray Interpreter は、X 線、CT、MRI、超音波、PET の画像を平易な言葉のレポートに変えるウェブベースの AI 放射線ツールだ。スキャン画像をアップロードすると、X 線の予備的な読影結果がすぐに返ってくる。説明が必要な箇所があれば、その後で追加の質問もできる。位置づけはセカンドオピニオンと学習の補助であり、医療診断ではない。
Aieasypic
AIEasyPic · 画像AIEasyPicは、単純なテキストプロンプトを数秒で完成したアート作品に変えるAI画像生成ツールだ。自分の写真でカスタムモデルを訓練したり、既存の画像の顔を交換したり、テキストから短い動画クリップを作ったりもできる。すべてブラウザだけで完結する。手早くビジュアルが欲しい気軽なクリエイターにも、コードを一切触らずに個人モデルを作りたい趣味の人にも向く。
Chargen
Chargen · 画像ChargenはDungeons & Dragonsやその他のテーブルトークRPG向けに作られたAIキャラクター生成ツール兼ワールドビルディングツールキットだ。一行のアイデアを描き上げたキャラクター肖像に変え、同じセッションでNPC、モンスター、マップ、遭遇を生み出し、すべてのクリーチャーの詳細を手元に置く。テーブルトークRPGアートの部分はGoldと呼ばれるクレジット制で動き、テキスト生成ツールは誰でも無料のまま使える。