# 在线 3D 编辑器：建模、材质与动画 - Spline (https://spline.design/zh/3d-design)

> Spline 3D 编辑器直接在浏览器中运行。与团队和 AI 智能体一起建模、贴图、制作交互式 3D 动画，并发布到网页、iOS 和 Android。

# 团队与智能体共同构建的 3D 编辑器

建模、贴图、制作动画并添加交互，所有人在同一个实时文件中协作，直接在浏览器中完成。**智能体完成初版**，设计师精修打磨，然后发布到网页、iOS 和 Android。

[开始创作](https://app.spline.design/signin)[连接你的智能体](https://spline.design/zh/mcp)

团队如何使用 Spline

## 一个文件，从提示词到上线

智能体和设计师在同一个实时场景中轮流工作，彼此之间无需导出、重新导入或重做。

1. 01  
### 提示词  
描述场景。你的智能体读取文件并搭出雏形：形状、灯光和相机。
2. 02  
### 共同构建  
在智能体继续工作的同时，设计师加入同一个实时文件，进行建模、调整材质并留下评论。
3. 03  
### 交还给智能体  
选中任意对象并提出修改：悬停状态、变体、时间轴。你看到的，智能体也能看到。
4. 04  
### 发布  
发布到网页、导出代码，或将同一个文件带到 iOS 和 Android。

设计、AI 与代码

## 3D 建模，智能体随时相助

熟悉的设计工具和实时渲染，再加上一个能构建场景、编写代码的 AI 智能体。

- 实时渲染
- 基础体与 3D 建模
- AI 智能体编辑
- 用于界面和逻辑的自定义代码

或者让你的智能体来做

用低多边形搭一座带瀑布的小岛。

材质与着色

## 基于图层的材质

通过叠加图层而非编写着色器来创建独特材质，或从现成的材质库开始。

- 基于图层的材质系统
- 玻璃、菲涅尔和置换
- 现成的材质库

让水面更通透一些，加上柔和的菲涅尔边缘。

交互与动效

## 让场景活起来

借助 Spline 的事件系统添加交互和动画：状态、时间轴、游戏控制和物理效果。

- 状态与事件
- 时间轴动画
- 游戏控制
- 物理与粒子

让小船循环上下浮动，点击时翻倒。

变量与数据

## 3D 中的实时数据

用来自变量、Webhook 和 API 的实时数值驱动场景中显示的内容。

- 变量
- Webhook 和 API 请求
- 条件动作

在记分牌上显示来自我们 API 的实时比分。

> “借助 Spline，我们能够**创建交互式 3D 对象，让我们的产品变得触手可及。**它不只是装饰，**更是我们体现对细节用心的方式。**”

**Zeh Fernandes**Resend 创始设计师

协作

## 实时协作，共同设计

### 实时协作

所有人（包括智能体）都在编辑同一个实时场景，并能看到彼此的光标。

### 评论

直接在场景中给团队留下反馈，或给自己做笔记。

### 团队、项目和文件夹

按团队和项目组织工作，通过链接分享文件。

功能

## 全套 3D 设计工具

打造可直接上线的 3D 所需的全部工具，从第一个基础体到最终导出。

### 3D 建模与布尔运算

用丰富的 3D 工具为任何物体建模。

### 3D 矢量编辑

你熟悉的矢量工具，如今进入 3D 空间。

### 相机控制

使用相机环绕和构图你的场景。

### 组件

用可复用组件构建 3D 设计系统。

### 模板库

开箱即用的 3D 设计、模板和对象。

### 拖放

无需代码即可实现 3D 拖放交互。

### 物理

刚体、碰撞体、重力和外力，实时模拟。

### 变量

用数字、布尔值和文本驱动对象、状态和界面。

### 材质资源

将纹理和颜色作为资源统一管理。

### PBR 与 HDR 工作流

物理材质、HDRI 照明和 PBR 导出。

### 视频纹理

通过视频纹理图层在模型上播放视频。

### 后期处理

用泛光、景深和调色完成最终效果。

### WebGPU 渲染

编辑器和导出内容使用 WebGPU 渲染，并以 WebGL 作为后备。

### 图片、视频和 3D 导出

JPG 和 PNG、MP4 和 GIF，或 GLTF 和 USDZ。

### 代码导出

将你的设计放进 React 项目。

### [AI 3D 生成](https://spline.design/zh/ai-generate)

根据提示词或图片生成模型，可直接用于你的场景。

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

通过 Claude、ChatGPT、Cursor 等智能体操控编辑器。

按团队、项目和文件夹组织你的 3D 作品。

发布

## 一个场景，覆盖网页、Apple 和 Android。

同一个文件可以发布到网站、iPhone 应用或 Android 应用。每个平台都有自己的原生渲染器，场景的交互性和性能都得以保留。

- [WebWebGPU · WebGL发布一个链接、嵌入查看器，或为你的技术栈导出代码并自行托管。](https://spline.design/zh/web)
- [AppleMetal为你的应用添加原生 SwiftUI 视图，或生成可直接上架 App Store 的 Xcode 项目。](https://spline.design/zh/ios)
- [AndroidVulkan用 Jetpack Compose 添加原生视图，或直接从 Spline 构建 APK 或 App Bundle。](https://spline.design/zh/android)

prompt.md

常见问题

## 你的疑问，这里有答案

Spline 是免费的吗？

是的。Free 套餐每月 0 美元，提供浏览器中的 3D 设计编辑器、Spline Library 和网页导出。付费套餐增加了 AI 积分、更多文件和更多导出方式。

可以在浏览器中进行 3D 设计吗？

可以。Spline 在浏览器中运行，无需安装任何软件，使用 WebGPU 渲染并以 WebGL 作为后备。我们还提供适用于 Mac 和 Windows 的桌面应用。

需要 3D 建模经验吗？

不需要。你可以从基础体或 Spline Library 开始，也可以描述你想要的内容，让智能体完成初版。如果你用过设计工具，图层、属性和实时画布都会让你感到熟悉。

可以用 Spline 做什么？

为网站和应用打造交互式 3D：首屏场景、产品展示、游戏、数据可视化和富有层次感的界面，并通过状态、事件、时间轴动画和物理效果让它们活起来。

我的 3D 设计可以用在哪里？

通过链接或嵌入发布到网页、将场景放进 React 项目，或把同一个文件带到 iOS 和 Android。你还可以导出图片、视频、GLTF 和 USDZ。

可以和团队及 AI 智能体一起进行 3D 设计吗？

可以。每个文件都是实时的：你的团队可以实时一起建模、评论和审阅。Claude、ChatGPT、Cursor 等智能体也可以通过 Spline MCP 在同一个文件中工作。

## 开始用 3D 创作

连接你的智能体，邀请你的团队，今天就发布你的第一个 3D 场景。

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

面向团队及其智能体的 3D 和 2D 编辑器。一键发布到网页、iOS 和 Android。

#### 向 AI 询问 Spline

#### 产品

- [3D 设计](https://spline.design/zh/3d-design)
- [Hana](https://spline.design/zh/hana)
- [Omma](https://omma.build)
- [AI 3D 生成](https://spline.design/zh/ai-generate)
- [Spline MCP](https://spline.design/zh/mcp)
- [Spline Arena](https://spline.design/zh/arena)
- [定价](https://spline.design/zh/pricing)
- [企业版](https://spline.design/zh/enterprise)

#### 运行时

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

#### 应用

- [下载](https://spline.design/zh/download)
- [Spline Mirror](https://spline.design/spline-mirror)
- [下载 Spline Mirror](https://spline.design/download-mirror)

#### 学习

- [Docs](https://docs.spline.design/)
- [Academy](https://spline.design/zh/academy)
- [Spline API](https://www.npmjs.com/package/@splinetool/runtime)
- [解决方案](https://spline.design/solutions)

#### 社区

- [Spline 社区](https://community.spline.design)
- [Blog](https://spline.design/zh/blog)
- [更新日志](https://spline.design/zh/changelog)
- [教育](https://spline.design/zh/education)
- [Contra](https://spline.design/contra)
- [联盟计划](https://spline.design/zh/affiliate)

#### 公司

- [客户](https://spline.design/zh/customers)
- [招贤纳士](https://www.ycombinator.com/companies/spline/jobs)
- [安全](https://spline.design/zh/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.