チームとエージェントが一緒につくる3Dエディター

モデリング、テクスチャリング、アニメーション、インタラクションまで。ひとつのライブファイルで、ブラウザ上でみんなで。エージェントが最初の形をつくり、デザイナーが磨き上げ、Web、iOS、Androidに公開します。

ScaleGoogleShopifyAmazonGiphyWebflowAlloyOpenAIMicrosoftLumaMetaSnapchatForbesSiemensBurton
Splineでのチームの働き方

ひとつのファイルで、プロンプトから本番まで

エージェントとデザイナーが、同じライブシーンで交代しながら作業します。間でエクスポートも再インポートも作り直しも不要です。

  1. 01

    プロンプト

    シーンを説明すると、エージェントがファイルを読み取り、形、ライト、カメラでラフをつくります。

  2. 02

    一緒につくる

    エージェントが作業を続けている間に、デザイナーが同じライブファイルに入り、モデリングやマテリアルの調整、コメントを行います。

  3. 03

    エージェントに戻す

    何かを選んで変更を頼むだけ。ホバー状態、バリエーション、タイムライン。エージェントにはあなたと同じものが見えています。

  4. 04

    公開

    Webに公開したり、コードをエクスポートしたり、同じファイルをiOSやAndroidに持っていったりできます。

デザイン、AI、コード

エージェントと並んで、3Dをモデリング

おなじみのデザインツールとリアルタイムレンダリングに、シーンをつくりコードを書くAIエージェントが加わります。

  • リアルタイムレンダリング
  • プリミティブと3Dモデリング
  • AIによるエージェント編集
  • UIとロジックのカスタムコード
またはエージェントに依頼

滝のあるローポリの島をラフでつくって。

マテリアルとシェーディング

レイヤー型マテリアル

シェーダーを書く代わりにレイヤーを重ねて独自のマテリアルをつくるか、すぐに使えるマテリアルライブラリから始められます。

  • レイヤー型マテリアルシステム
  • ガラス、フレネル、ディスプレイスメント
  • すぐに使えるマテリアルライブラリ
またはエージェントに依頼

水をもっと透明にして、ふちに柔らかいフレネルを。

インタラクションとモーション

シーンに命を吹き込む

Splineのイベントシステムで、インタラクションとアニメーションを追加。ステート、タイムライン、ゲームコントロール、物理演算。

  • ステートとイベント
  • タイムラインアニメーション
  • ゲームコントロール
  • 物理演算とパーティクル
またはエージェントに依頼

ボートをループで揺らして、クリックで転覆させて。

変数とデータ

リアルタイムのデータを、3Dで

変数、Webhook、APIのライブな値で、シーンに表示する内容をコントロールできます。

  • 変数
  • WebhookとAPIリクエスト
  • 条件付きアクション
またはエージェントに依頼

スコアボードにAPIからのライブスコアを表示して。

Resend
「Splineなら、プロダクトを手に取れるように感じさせる、インタラクティブな3Dオブジェクトをつくれます。ただの装飾ではありません。細部までこだわっていることを伝える手段なのです。」
Zeh FernandesResend 創業デザイナー
コラボレーション

リアルタイムに、一緒にデザイン

リアルタイムのコラボレーション

エージェントも含めた全員が同じライブシーンを編集し、互いのカーソルが見えます。

コメント

シーン上で直接チームにフィードバックを残したり、自分用のメモを残したりできます。

チーム、プロジェクト、フォルダ

チームやプロジェクトごとに作業を整理し、ファイルはリンクで共有できます。

機能

3Dデザインのためのフルツールキット

最初のプリミティブから最終的なエクスポートまで、本番品質の3Dを支えるツール。

3Dモデリングとブーリアン

3Dツールセットで、あらゆるオブジェクトをモデリング。

3Dベクター編集

おなじみのベクターツールを、3D空間で。

カメラコントロール

カメラでシーンを周回し、構図を決められます。

コンポーネント

再利用できるコンポーネントで3Dデザインシステムを構築。

テンプレートライブラリ

すぐに使える3Dデザイン、テンプレート、オブジェクト。

ドラッグ&ドロップ

ノーコードで3Dのドラッグ&ドロップ操作を。

物理演算

剛体、コライダー、重力、力をリアルタイムにシミュレーション。

変数

数値、ブール値、テキストでオブジェクト、ステート、UIをコントロール。

マテリアルアセット

テクスチャやカラーをアセットとして整理。

PBRとHDRのワークフロー

物理ベースのマテリアル、HDRIライティング、PBRエクスポート。

動画テクスチャ

動画テクスチャレイヤーで、モデルの上に動画を再生。

ポストプロセス

ブルーム、被写界深度、カラーグレーディングで仕上げを。

WebGPUレンダリング

エディターもエクスポートもWebGPUでレンダリングし、WebGLにフォールバック。

画像・動画・3Dのエクスポート

JPGとPNG、MP4とGIF、またはGLTFとUSDZ。

コードエクスポート

デザインをReactプロジェクトに組み込めます。

AI 3D生成

プロンプトや画像からモデルを生成し、そのままシーンで使えます。

Spline MCP

Claude、ChatGPT、Cursorなどのエージェントからエディターを操作。

チーム、プロジェクト、フォルダ

3Dの作業をチーム、プロジェクト、フォルダで整理。

公開

ひとつのシーンを、Web、Apple、Androidへ。

同じファイルを、Webサイト、iPhoneアプリ、Androidアプリに公開できます。プラットフォームごとに専用のネイティブレンダラーがあるので、シーンのインタラクティブ性もパフォーマンスもそのままです。

よくある質問

よくある質問にお答えします

Splineは無料ですか?

はい。Freeプランは月額0ドルで、ブラウザで使える3Dデザインエディター、Spline Library、Webエクスポートが含まれます。有料プランでは、AIクレジット、より多くのファイル、さらに多くのエクスポート方法が追加されます。

ブラウザで3Dデザインはできますか?

はい。Splineはインストール不要でブラウザで動き、WebGPUでレンダリングします(WebGLにフォールバック)。Mac・Windows向けのデスクトップアプリもあります。

3Dモデリングの経験は必要ですか?

いいえ。プリミティブやSpline Libraryから始めることも、つくりたいものを説明してエージェントに最初の形をつくってもらうこともできます。デザインツールを使ったことがあれば、レイヤー、プロパティ、リアルタイムのキャンバスにはすぐになじめるはずです。

Splineで何がつくれますか?

Webサイトやアプリのためのインタラクティブな3Dです。ヒーローシーン、製品ビューア、ゲーム、データ可視化、奥行きのあるUIなどを、ステート、イベント、タイムラインアニメーション、物理演算で動かせます。

3Dデザインはどこで使えますか?

リンクや埋め込みでWebに公開したり、シーンをReactプロジェクトに組み込んだり、同じファイルをiOSやAndroidで使ったりできます。画像、動画、GLTF、USDZとしてエクスポートすることも可能です。

チームやAIエージェントと一緒に3Dデザインできますか?

はい。すべてのファイルはライブで、チームがリアルタイムにモデリング、コメント、レビューできます。Claude、ChatGPT、Cursorなどのエージェントも、Spline MCPを通じて同じファイルで作業できます。

3Dで、つくりはじめよう

エージェントを接続し、チームを招待して、最初の3Dシーンを今日公開しましょう。