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

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

ScaleGoogleShopifyAmazonGiphyWebflowAlloyOpenAIMicrosoftLumaMetaSnapchatForbesSiemensBurton
团队如何使用 Spline

一个文件,从提示词到上线

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

  1. 01

    提示词

    描述场景。你的智能体读取文件并搭出雏形:形状、灯光和相机。

  2. 02

    共同构建

    在智能体继续工作的同时,设计师加入同一个实时文件,进行建模、调整材质并留下评论。

  3. 03

    交还给智能体

    选中任意对象并提出修改:悬停状态、变体、时间轴。你看到的,智能体也能看到。

  4. 04

    发布

    发布到网页、导出代码,或将同一个文件带到 iOS 和 Android。

设计、AI 与代码

3D 建模,智能体随时相助

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

  • 实时渲染
  • 基础体与 3D 建模
  • AI 智能体编辑
  • 用于界面和逻辑的自定义代码
或者让你的智能体来做

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

材质与着色

基于图层的材质

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

  • 基于图层的材质系统
  • 玻璃、菲涅尔和置换
  • 现成的材质库
或者让你的智能体来做

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

交互与动效

让场景活起来

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

  • 状态与事件
  • 时间轴动画
  • 游戏控制
  • 物理与粒子
或者让你的智能体来做

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

变量与数据

3D 中的实时数据

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

  • 变量
  • Webhook 和 API 请求
  • 条件动作
或者让你的智能体来做

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

Resend
“借助 Spline,我们能够创建交互式 3D 对象,让我们的产品变得触手可及。它不只是装饰,更是我们体现对细节用心的方式。”
Zeh FernandesResend 创始设计师
协作

实时协作,共同设计

实时协作

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

评论

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

团队、项目和文件夹

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

功能

全套 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 生成

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

Spline MCP

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

团队、项目和文件夹

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

发布

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

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

常见问题

你的疑问,这里有答案

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 场景。