Spline에이전트와 함께 3D로 모델링
익숙한 디자인 도구와 실시간 렌더링, 그리고 씬을 만들고 코드를 작성하는 AI 에이전트.
- 실시간 렌더링
- 프리미티브와 3D 모델링
- AI 에이전트 편집
- UI와 로직을 위한 커스텀 코드
또는 에이전트에게 요청하기
폭포가 있는 로우폴리 섬의 기본 형태를 잡아 줘.
팀과 에이전트가 함께 작업하는 3D 에디터
팀이 Spline에서 일하는 방식
프롬프트부터 프로덕션까지, 파일 하나로
에이전트와 디자이너가 같은 라이브 씬에서 번갈아 작업합니다. 그 사이에 내보내거나, 다시 가져오거나, 다시 만들 필요가 없습니다.
- 01
프롬프트
씬을 설명하세요. 에이전트가 파일을 읽고 도형, 조명, 카메라로 기본 구도를 잡습니다.
- 02
함께 만들기
에이전트가 작업을 이어가는 동안, 디자이너는 같은 라이브 파일에 들어와 모델링하고, 머티리얼을 조정하고, 댓글을 남깁니다.
- 03
다시 맡기기
무엇이든 선택하고 변경을 요청하세요. 호버 상태, 베리언트, 타임라인까지. 에이전트는 내가 보는 것을 그대로 봅니다.
- 04
배포
웹에 게시하거나, 코드를 내보내거나, 같은 파일을 iOS와 Android로 가져가세요.
레이어 기반 머티리얼
셰이더를 작성하는 대신 레이어를 쌓아 독창적인 머티리얼을 만들거나, 기본 제공 머티리얼 라이브러리로 시작하세요.
- 레이어 기반 머티리얼 시스템
- 유리, 프레넬, 디스플레이스
- 기본 제공 머티리얼 라이브러리
또는 에이전트에게 요청하기
물을 더 유리처럼 만들고, 가장자리에 부드러운 프레넬을 넣어 줘.
씬에 생명을 불어넣으세요
Spline의 이벤트 시스템으로 인터랙션과 애니메이션을 더하세요. 상태, 타임라인, 게임 컨트롤, 물리까지.
- 상태와 이벤트
- 타임라인 애니메이션
- 게임 컨트롤
- 물리와 파티클
또는 에이전트에게 요청하기
보트가 계속 둥실거리다가 클릭하면 뒤집히게 해 줘.
실시간 데이터를 3D로
변수, 웹훅, API의 실시간 값으로 씬에 표시되는 내용을 제어하세요.
- 변수
- 웹훅과 API 요청
- 조건부 액션
또는 에이전트에게 요청하기
우리 API의 실시간 점수를 전광판에 표시해 줘.
“Spline 덕분에 제품을 손에 잡힐 듯 느끼게 하는 인터랙티브 3D 오브젝트를 만들 수 있습니다. 단순한 장식이 아닙니다. 디테일에 신경 쓴다는 것을 보여 주는 방법입니다.”
Zeh FernandesResend 창립 디자이너
협업
실시간으로 함께 디자인하세요
실시간 협업
에이전트를 포함한 모두가 같은 라이브 씬을 편집하며 서로의 커서를 봅니다.
댓글
씬 안에 바로 팀을 위한 피드백이나 나를 위한 메모를 남기세요.
팀, 프로젝트, 폴더
팀과 프로젝트별로 작업을 정리하고, 링크로 파일을 공유하세요.
기능
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 생성
프롬프트나 이미지로 씬에 바로 쓸 수 있는 모델을 생성하세요.
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입니다. 히어로 씬, 제품 뷰어, 게임, 데이터 시각화, 깊이감 있는 UI를 상태, 이벤트, 타임라인 애니메이션, 물리로 생생하게 만들 수 있습니다.
3D 디자인은 어디에 사용할 수 있나요?
링크나 임베드로 웹에 게시하거나, 씬을 React 프로젝트에 넣거나, 같은 파일을 iOS와 Android로 가져가세요. 이미지, 동영상, GLTF, USDZ로 내보낼 수도 있습니다.
팀, 그리고 AI 에이전트와 함께 3D 디자인을 할 수 있나요?
네. 모든 파일은 라이브로 동작합니다. 팀원들이 실시간으로 함께 모델링하고, 댓글을 달고, 검토합니다. Claude, ChatGPT, Cursor 등 여러 에이전트도 Spline MCP를 통해 같은 파일에서 작업할 수 있습니다.