# オンライン3Dエディター：モデリング、マテリアル、アニメーション - Spline (https://spline.design/ja/3d-design)

> Splineの3Dエディターはブラウザで動きます。チームとAIエージェントでインタラクティブな3Dをモデリング・テクスチャリング・アニメーションし、Web、iOS、Androidに公開できます。

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

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

[はじめる](https://app.spline.design/signin)[エージェントを接続](https://spline.design/ja/mcp)

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からのライブスコアを表示して。

> 「Splineなら、**プロダクトを手に取れるように感じさせる、インタラクティブな3Dオブジェクトをつくれます。**ただの装飾ではありません。**細部までこだわっていることを伝える手段なのです。**」

**Zeh Fernandes**Resend 創業デザイナー

コラボレーション

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

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

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

### コメント

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

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

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

機能

## 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生成](https://spline.design/ja/ai-generate)

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

### [Spline MCP](https://spline.design/ja/mcp)

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

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

公開

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

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

- [WebWebGPU · WebGLリンクで公開したり、ビューアを埋め込んだり、スタックに合わせたコードをエクスポートしてセルフホストしたりできます。](https://spline.design/ja/web)
- [AppleMetalアプリにネイティブのSwiftUIビューを追加したり、App Storeに出せるXcodeプロジェクトを生成したりできます。](https://spline.design/ja/ios)
- [AndroidVulkanJetpack Composeでネイティブビューを追加したり、SplineからAPKやApp Bundleを直接ビルドしたりできます。](https://spline.design/ja/android)

prompt.md

よくある質問

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

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シーンを今日公開しましょう。

[Spline](https://spline.design/ja)

チームとそのエージェントのための3D・2Dエディター。Web、iOS、Androidに公開できます。

#### SplineについてAIに聞く

#### 製品

- [3Dデザイン](https://spline.design/ja/3d-design)
- [Hana](https://spline.design/ja/hana)
- [Omma](https://omma.build)
- [AI 3D生成](https://spline.design/ja/ai-generate)
- [Spline MCP](https://spline.design/ja/mcp)
- [Spline Arena](https://spline.design/ja/arena)
- [料金](https://spline.design/ja/pricing)
- [Enterprise](https://spline.design/ja/enterprise)

#### ランタイム

- [Web](https://spline.design/ja/web)
- [iOS](https://spline.design/ja/ios)
- [Android](https://spline.design/ja/android)

#### アプリ

- [ダウンロード](https://spline.design/ja/download)
- [Spline Mirror](https://spline.design/spline-mirror)
- [Spline Mirrorをダウンロード](https://spline.design/download-mirror)

#### 学ぶ

- [Docs](https://docs.spline.design/)
- [Academy](https://spline.design/ja/academy)
- [Spline API](https://www.npmjs.com/package/@splinetool/runtime)
- [ソリューション](https://spline.design/solutions)

#### コミュニティ

- [Splineコミュニティ](https://community.spline.design)
- [Blog](https://spline.design/ja/blog)
- [更新履歴](https://spline.design/ja/changelog)
- [教育](https://spline.design/ja/education)
- [Contra](https://spline.design/contra)
- [アフィリエイト](https://spline.design/ja/affiliate)

#### 会社

- [導入事例](https://spline.design/ja/customers)
- [採用情報](https://www.ycombinator.com/companies/spline/jobs)
- [セキュリティ](https://spline.design/ja/security)

#### 法的情報

- [利用規約](https://spline.design/terms)
- [プライバシー](https://spline.design/privacy)

#### お問い合わせ

- [help@spline.design](mailto:help@spline.design)
- [jobs@spline.design](mailto:jobs@spline.design)

© 2026 - Spline, Inc.