Spline

Spline

Spline · 이미지

Spline은 브라우저에서 돌아가는 3D 디자인 도구로, 인터랙티브한 장면을 만들고 웹과 iOS, Android로 공개한다. 에디터 안에서는 AI 에이전트가 옆에서 함께 작업한다.

Spline 미리보기

Spline 소개

What Is Spline

Spline은 인터랙티브한 2D와 3D 경험을 만들고 여러 플랫폼으로 공개하는 웹 디자인 플랫폼이다. 브라우저에서 돌아가므로 모델링을 시작하기 전에 설치할 것이 없다. 기본 도형과 재질, 조명, 애니메이션으로 장면을 짓고 이벤트로 인터랙티브함을 더한 뒤, 임베드나 공개 URL, 또는 iOS와 Android용 네이티브 코드로 내보낸다.

전통적인 모델링 소프트웨어와 갈리는 지점은 공개 단계다. Spline은 디자인을 렌더링만 하는 대상이 아니라 공개하는 대상으로 본다. 장면에 물리, 스크롤 동작, 클릭 반응을 실을 수 있고, 별도의 변환 과정 없이 사이트나 앱에 도착한다. 이 회사는 2026년 8월 에디터를 Spline V2로 다시 만들면서 AI 에이전트, WebGPU 렌더러, 외부 에이전트가 에디터를 조작하는 MCP 서버를 더했다.

그 편리함의 대가는 깊이다. 이것은 인터랙티브한 장면을 위한 디자이너용 도구이지, 캐릭터나 영화를 위한 완전한 모델링 제품군이 아니다. 고밀도 스컬프팅이나 무거운 시뮬레이션이 필요하면 결국 다른 것을 찾게 된다.

Getting Started

  1. spline.design에서 이메일이나 Google 계정으로 가입한다. 무료 플랜은 곧바로 쓸 수 있고, 개인 파일은 제한되지만 뷰어는 무제한이다.
  2. 3D 에디터에서 장면을 만들고 기본 도형을 놓는다. 가지고 있는 OBJ, FBX, GLB 모델을 불러와도 된다. 라이브러리에서 재질을 고르거나 레이어로 직접 짠다.
  3. 상태, 이벤트, 액션으로 움직임과 인터랙티브함을 더해 클릭, 스크롤, 키 입력, 충돌에 반응하게 한다.
  4. 장면을 공개 URL로 내보내거나 코드 조각으로 임베드하거나, 웹과 iOS, Android용 네이티브 코드로 내보낸다.
  5. 공개 전에 Play 모드에서 한 번 훑어보고, 파일 수 무제한이나 워터마크 제거, 모바일 내보내기가 필요할 때 유료 플랜으로 올린다.

제품 정보

Spline의 요금, 지원 플랫폼, 성능을 한눈에 확인해 보세요.

무료 플랜예
유료 플랜Free - $70/mo
플랫폼Web, macOS, Windows
개발사Spline
카테고리이미지
출시일Apr 2020
최근 업데이트Aug 2026
웹사이트 방문 수654.7K
웹사이트 글로벌 순위61.4K
API 제공 여부예

추천 대상

이 도구가 가장 잘 맞는 사용자, 작업, 상황입니다.

사용자

  • 프로덕트 디자이너
  • 마케팅과 브랜드 팀
  • 웹 개발자
  • 3D에 관심 있는 입문자

작업

  • 랜딩 페이지에 3D 오브젝트를 심는다
  • 마케팅 영상용으로 제품을 움직인다
  • 인터랙티브 UI를 프로토타입한다
  • 텍스트나 이미지로 3D 모델을 생성한다

활용 상황

  • 제품 출시용 히어로 영역을 만든다
  • 본격 착수 전에 아이디어를 시험한다
  • 앱에 3D 미리보기를 더한다

주요 기능

AI 에이전트와 AI 3D 생성

Spline V2는 에디터 안에 AI 에이전트를 둔다. 원하는 것을 설명하면 장면을 짓거나 고친다. 결과는 나중에 손으로 다듬을 수 있다. 별도의 생성 경로는 텍스트 프롬프트나 참고 이미지를 텍스처가 입혀진 3D 모델로 바꾸며, 네 가지 스타일 중에서 고른다. 에이전트는 3D 에디터에서도 2D 캔버스 Hana에서도 돌아가므로, 하나의 습관으로 양쪽을 다룬다.

실시간 렌더링과 WebGPU

에디터는 작업하는 동안 렌더링하므로 재질과 조명 변경이 기다림 없이 바로 반영된다. Spline V2는 WebGPU 렌더러로 옮겨가면서 스크린 스페이스 반사와 더 정교한 재질을 들여왔다. 표면이 빛을 받는 방식을 다듬을 때 이 점이 중요하다. 짐작이 아니라 그 자리에서 판단하기 때문이다.

상태와 이벤트로 만드는 인터랙티브함

장면은 상태, 이벤트, 액션을 통해 입력에 반응한다. 클릭, 스크롤, 키 입력, 충돌이 변화를 일으키므로, 디자인이 영상이 아니라 인터페이스처럼 움직인다. 이것이 Spline의 목적 한가운데다. 3D 오브젝트를 스틸컷에서 좋아 보이게 하는 게 아니라, 살아 있는 페이지 위에서 반응하게 만든다.

크로스 플랫폼 내보내기

장면을 공개 URL로 내보내거나, Spline 뷰어 코드 조각으로 임베드하거나, 웹 프로젝트용 코드로 내보낸다. 유료 플랜에는 iOS와 Android 네이티브 임베드에 더해 iOS AR용 USDZ와 3D 프린팅용 STL이 붙는다. 같은 장면이 사이트와 앱, AR 미리보기로 각각 다시 만들지 않고 도착한다.

코드 API와 런타임

@splinetool/runtime 라이브러리는 내보낸 장면을 불러와, 내 코드가 그 오브젝트와 이벤트를 제어하게 한다. React와 Next.js 래퍼도 같은 런타임 위에 올라가므로, 개발자는 클릭 처리를 더하거나 에디터 밖에서 오브젝트를 움직인다. 디자이너의 파일과 동작하는 제품을 잇는 다리다.

Hana: 2D 캔버스

Hana는 UI와 움직이는 그래픽을 위한 두 번째 에디터로, 3D 쪽과 같은 인터랙션 모델로 지어졌다. 프레임과 펜 도구, 벡터 네트워크, 불리언, 그리고 그림자와 블러, 유리 같은 효과를 갖춘다. AI 에이전트도 여기서 돌아가므로, 3D 오브젝트를 만드는 방식 그대로 UI 프레임과 인터랙션을 생성한다.

외부 에이전트를 위한 MCP 접근

데스크톱 앱에는 MCP 서버가 들어 있어, Claude Code나 Cursor, VS Code 같은 도구가 에디터를 직접 조작한다. 연결된 에이전트는 오브젝트와 재질, 조명, 카메라, 이벤트를 만들고 고친다. 데스크톱 전용 기능이라, 브라우저 사용자는 내장 에이전트는 써도 외부 연결은 쓸 수 없다.

장단점

장점

  • 브라우저에서 돌아가고 설치가 필요 없어, 거의 아무 기기에서나 모델링을 시작한다.
  • 공개 기능이 안에 있어, 같은 파일이 사이트와 앱, AR로 간다.
  • AI 에이전트와 3D 생성이 초반 작업을 앞당기고, 결과는 손으로 편집한다.
  • 런타임과 코드 내보내기가 단순 임베드가 아닌 실제 통합 경로를 개발자에게 준다.
  • 실시간 렌더링 덕에 재질과 조명 결정을 빠르게 내린다.

단점

  • 무료 플랜은 개인 파일이 몇 개로 제한되고 웹 내보내기에 워터마크가 붙어, 규모 있게 시험하려면 유료 플랜이 필요하다.
  • 인터랙티브 장면과 UI를 겨냥해, 캐릭터나 영화를 위한 완전한 모델링이나 애니메이션 제품군을 대신하지는 못한다.
  • 외부 에이전트용 MCP 연결은 데스크톱 앱에서만 돌아가, 브라우저 사용자는 빠진다.
  • AI 생성은 매달 주어지는 크레딧으로 돌아가고 이월되지 않아, 많이 쓰면 한도를 넘긴다.

자주 묻는 질문

Spline은 브라우저에서 돌아가는 3D 디자인 도구로, 인터랙티브한 2D와 3D 경험을 만들어 웹과 iOS, Android로 공개한다. 사이트 임베드, 제품 애니메이션, 인터랙티브 UI, 앱 미리보기에 자주 쓴다.