# Spline - 浏览器中的免费 3D 设计工具 (https://spline.design/zh)

> Spline 是一款在浏览器中使用的免费 3D 设计与 3D 建模软件。动画、纹理，以及与 AI 智能体的实时协作，打造交互式网页体验。

[新功能Spline Arena](https://app.spline.design/arena)

# 为你的团队和智能体打造的 3D 设计工具

免费，直接在浏览器中使用。借助 AI 为你的网站和应用创建交互式 3D。

工作原理

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

正在规划场景

01 · 提示词

### 你的智能体

Claude、ChatGPT、Cursor、Codex，或你自己构建的智能体。只要支持 MCP 都可以。

02 · 连接

### Spline MCP

用于读取场景、写入场景、调整视角并查看结果的工具。[阅读配置指南](https://spline.design/zh/mcp)。

**智能体** **Ana**

03 · 构建

### 编辑器

每一处改动都会作为一次操作写入实时文件。你的团队能实时看到，并可以撤销、评论或接手。

04 · 发布

### 随处运行

发布到网页、放进 React 项目，或在 iOS 和 Android 上原生运行。

用 Spline 打造

## 让创意变成 可直接上线的体验

### Mars Rover

一款火星游戏，有两辆火星车可以驶过沙丘。

[自己动手做](https://app.spline.design/new?prompt=%E4%B8%80%E8%BE%86%E5%8F%AF%E4%BB%A5%E5%9C%A8%E7%81%AB%E6%98%9F%E7%BA%A2%E8%89%B2%E6%B2%99%E4%B8%98%E4%B8%8A%E9%A9%BE%E9%A9%B6%E7%9A%84%E7%81%AB%E6%98%9F%E8%BD%A6)

编辑器

## 3D 设计所需的一切

- **建模**基础体、布尔运算、雕刻以及[3D 生成](https://spline.design/zh/ai-generate)。
- **材质与光照**分层材质、灯光和后期处理。
- **动画与交互**状态、关键帧、事件和物理效果。
- **性能**高性能实时 3D。

也可以让智能体在编辑器中或[通过 MCP 来完成](https://spline.design/zh/mcp)。全部功能尽在[3D 编辑器](https://spline.design/zh/3d-design)。

协作

## 智能体构建，设计师精修。

智能体快速把场景做出初版，你的团队在同一个文件中接手，完成剩下的工作。

- **同一个文件**智能体直接在团队已在使用的编辑器中构建，无需导入，也无需重做。
- **完全可编辑**它创建的一切都是普通的 Spline 对象：可以选中、改样式、加动画。
- **来回接力**把下一轮交还给智能体，或随时亲自接手。

发布

## 一个场景，覆盖网页、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

[阅读故事“我想用 3D 做点真正酷的东西，真正让我们的品牌鲜活起来，而 Spline 是唯一能让我做到这一点的工具。”**Andrew Pons**Oscilar 首席品牌设计师](https://spline.design/zh/customers/oscilar)[阅读故事“在使用 Spline 之前，我们需要专门安排一名开发者来处理 3D 集成。现在设计师可以专注于打磨素材，工程师也不必从头重建。”**Zeh Fernandes**Resend 创始设计师](https://spline.design/zh/customers/resend)[阅读故事“Spline 非常容易上手，学得也快。学习门槛很低，即使是初级设计师也能参与进来，把 3D 体验集成到 Webflow 项目中。”**Pavel Dergachev**KOJI 创始人兼创意总监](https://spline.design/zh/customers/koji-studio)

## 开始用 3D 创作

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

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

[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.