# 온라인 3D 에디터: 모델링, 머티리얼, 애니메이션 - Spline (https://spline.design/ko/3d-design)

> Spline의 3D 에디터는 브라우저에서 실행됩니다. 팀, 그리고 AI 에이전트와 함께 인터랙티브 3D를 모델링하고, 텍스처를 입히고, 애니메이션을 넣은 뒤 웹, iOS, Android에 배포하세요.

# 팀과 에이전트가 함께 작업하는 3D 에디터

브라우저에서 바로, 하나의 라이브 파일 안에서 함께 모델링하고, 텍스처를 입히고, 애니메이션과 인터랙션을 더하세요. **에이전트가 첫 버전을 만들고**, 디자이너가 다듬으면, 웹, iOS, Android로 배포됩니다.

[시작하기](https://app.spline.design/signin)[에이전트 연결하기](https://spline.design/ko/mcp)

팀이 Spline에서 일하는 방식

## 프롬프트부터 프로덕션까지, 파일 하나로

에이전트와 디자이너가 같은 라이브 씬에서 번갈아 작업합니다. 그 사이에 내보내거나, 다시 가져오거나, 다시 만들 필요가 없습니다.

1. 01  
### 프롬프트  
씬을 설명하세요. 에이전트가 파일을 읽고 도형, 조명, 카메라로 기본 구도를 잡습니다.
2. 02  
### 함께 만들기  
에이전트가 작업을 이어가는 동안, 디자이너는 같은 라이브 파일에 들어와 모델링하고, 머티리얼을 조정하고, 댓글을 남깁니다.
3. 03  
### 다시 맡기기  
무엇이든 선택하고 변경을 요청하세요. 호버 상태, 베리언트, 타임라인까지. 에이전트는 내가 보는 것을 그대로 봅니다.
4. 04  
### 배포  
웹에 게시하거나, 코드를 내보내거나, 같은 파일을 iOS와 Android로 가져가세요.

디자인, AI, 코드

## 에이전트와 함께 3D로 모델링

익숙한 디자인 도구와 실시간 렌더링, 그리고 씬을 만들고 코드를 작성하는 AI 에이전트.

- 실시간 렌더링
- 프리미티브와 3D 모델링
- AI 에이전트 편집
- UI와 로직을 위한 커스텀 코드

또는 에이전트에게 요청하기

폭포가 있는 로우폴리 섬의 기본 형태를 잡아 줘.

머티리얼과 셰이딩

## 레이어 기반 머티리얼

셰이더를 작성하는 대신 레이어를 쌓아 독창적인 머티리얼을 만들거나, 기본 제공 머티리얼 라이브러리로 시작하세요.

- 레이어 기반 머티리얼 시스템
- 유리, 프레넬, 디스플레이스
- 기본 제공 머티리얼 라이브러리

물을 더 유리처럼 만들고, 가장자리에 부드러운 프레넬을 넣어 줘.

인터랙션과 모션

## 씬에 생명을 불어넣으세요

Spline의 이벤트 시스템으로 인터랙션과 애니메이션을 더하세요. 상태, 타임라인, 게임 컨트롤, 물리까지.

- 상태와 이벤트
- 타임라인 애니메이션
- 게임 컨트롤
- 물리와 파티클

보트가 계속 둥실거리다가 클릭하면 뒤집히게 해 줘.

변수와 데이터

## 실시간 데이터를 3D로

변수, 웹훅, API의 실시간 값으로 씬에 표시되는 내용을 제어하세요.

- 변수
- 웹훅과 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/ko/ai-generate)

프롬프트나 이미지로 씬에 바로 쓸 수 있는 모델을 생성하세요.

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

Claude, ChatGPT, Cursor 등 여러 에이전트로 에디터를 조작하세요.

팀, 프로젝트, 폴더별로 3D 작업을 정리하세요.

게시

## 하나의 씬. 웹, Apple, Android.

같은 파일을 웹사이트, iPhone 앱, Android 앱에 배포하세요. 플랫폼마다 전용 네이티브 렌더러가 있어 씬의 인터랙션과 성능이 그대로 유지됩니다.

- [WebWebGPU · WebGL링크로 게시하거나, 뷰어를 임베드하거나, 사용하는 스택에 맞게 코드를 내보내 직접 호스팅하세요.](https://spline.design/ko/web)
- [AppleMetal앱에 네이티브 SwiftUI 뷰를 추가하거나, App Store에 바로 올릴 수 있는 Xcode 프로젝트를 생성하세요.](https://spline.design/ko/ios)
- [AndroidVulkanJetpack Compose로 네이티브 뷰를 추가하거나, Spline에서 바로 APK나 App Bundle을 빌드하세요.](https://spline.design/ko/android)

prompt.md

자주 묻는 질문

## 궁금한 점을 모두 답해 드립니다

Spline은 무료인가요?

네. Free 요금제는 월 $0이며, 브라우저에서 쓰는 3D 디자인 에디터, Spline Library, 웹 내보내기를 제공합니다. 유료 요금제에서는 AI 크레딧, 더 많은 파일, 더 다양한 내보내기 방식이 추가됩니다.

브라우저에서 3D 디자인을 할 수 있나요?

네. Spline은 설치 없이 브라우저에서 실행되며, WebGPU로 렌더링하고 WebGL로 폴백합니다. Mac과 Windows용 데스크톱 앱도 있습니다.

3D 모델링 경험이 필요한가요?

아니요. 프리미티브나 Spline Library로 시작하거나, 원하는 것을 설명해 에이전트가 첫 버전을 만들게 하세요. 디자인 툴을 써 본 적이 있다면 레이어, 속성, 실시간 캔버스가 익숙하게 느껴질 것입니다.

Spline으로 무엇을 만들 수 있나요?

웹사이트와 앱을 위한 인터랙티브 3D입니다. 히어로 씬, 제품 뷰어, 게임, 데이터 시각화, 깊이감 있는 UI를 상태, 이벤트, 타임라인 애니메이션, 물리로 생생하게 만들 수 있습니다.

3D 디자인은 어디에 사용할 수 있나요?

링크나 임베드로 웹에 게시하거나, 씬을 React 프로젝트에 넣거나, 같은 파일을 iOS와 Android로 가져가세요. 이미지, 동영상, GLTF, USDZ로 내보낼 수도 있습니다.

팀, 그리고 AI 에이전트와 함께 3D 디자인을 할 수 있나요?

네. 모든 파일은 라이브로 동작합니다. 팀원들이 실시간으로 함께 모델링하고, 댓글을 달고, 검토합니다. Claude, ChatGPT, Cursor 등 여러 에이전트도 Spline MCP를 통해 같은 파일에서 작업할 수 있습니다.

## 지금 3D로 만들기 시작하세요

에이전트를 연결하고, 팀을 초대하고, 오늘 첫 3D 씬을 배포하세요.

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

팀과 AI 에이전트를 위한 3D·2D 에디터. 웹, iOS, Android에 바로 배포하세요.

#### AI에게 Spline에 대해 묻기

#### 제품

- [3D 디자인](https://spline.design/ko/3d-design)
- [Hana](https://spline.design/ko/hana)
- [Omma](https://omma.build)
- [AI 3D 생성](https://spline.design/ko/ai-generate)
- [Spline MCP](https://spline.design/ko/mcp)
- [Spline Arena](https://spline.design/ko/arena)
- [요금제](https://spline.design/ko/pricing)
- [엔터프라이즈](https://spline.design/ko/enterprise)

#### 런타임

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

#### 앱

- [다운로드](https://spline.design/ko/download)
- [Spline Mirror](https://spline.design/spline-mirror)
- [Spline Mirror 다운로드](https://spline.design/download-mirror)

#### 학습

- [Docs](https://docs.spline.design/)
- [Academy](https://spline.design/ko/academy)
- [Spline API](https://www.npmjs.com/package/@splinetool/runtime)
- [솔루션](https://spline.design/solutions)

#### 커뮤니티

- [Spline 커뮤니티](https://community.spline.design)
- [Blog](https://spline.design/ko/blog)
- [변경 로그](https://spline.design/ko/changelog)
- [교육](https://spline.design/ko/education)
- [Contra](https://spline.design/contra)
- [제휴 프로그램](https://spline.design/ko/affiliate)

#### 회사

- [고객 사례](https://spline.design/ko/customers)
- [채용](https://www.ycombinator.com/companies/spline/jobs)
- [보안](https://spline.design/ko/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.