Spline의 새로운 기능

Spline Arena는 AI 모델이 3D를 얼마나 잘 만드는지 보여 주는 공개 리더보드입니다. 두 모델이 같은 프롬프트를 받아 각각 Spline에서 씬을 만듭니다. 두 씬을 돌려 보고 더 나은 쪽에 블라인드로 투표하면, 투표 하나하나가 순위를 움직입니다. 그날의 투표 목표를 달성하면 무료 AI 크레딧을 받을 수 있습니다.

변경 사항

Spline Arena

• 블라인드 대결 - 같은 프롬프트로 만든 두 씬을 나란히 봅니다. 각각 돌려 보고 옮겨 본 뒤 A, B, 무승부, 둘 다 별로 중에서 고르세요. 모델은 익명으로 표시되며, 투표하자마자 다음 대결이 로드됩니다.
• 순위 - Anthropic, OpenAI, Google, xAI 등에서 참가한 모든 모델의 공개 리더보드. 점수는 모든 투표에 Bradley–Terry 모델을 적합시켜 산출하며, 각 점수에 신뢰 구간이 표시되어 박빙인 경우 그대로 드러납니다.
• 투표하면 무료 AI 크레딧 - 그날의 투표 목표를 달성하고 무료 AI 크레딧을 받으세요.
• 어디서나 찾기 - Spline Arena는 대시보드 사이드바와 새 탭 런처에 있고, 데스크톱 앱에서는 전용 탭으로 열리며, spline.design/arena에 랜딩 페이지가 있습니다.

3D 에디터의 댓글을 새로 만들었습니다. 댓글 패널, 제대로 된 해결 처리, 읽지 않음 표시, 캔버스 위 미리 보기가 생겼습니다. 이제 Spline의 AI 에이전트도 댓글을 바탕으로 작업할 수 있습니다. 스레드에서 Ask AI를 사용하면 변경을 적용하고, 댓글 작성자의 시점에서 확인한 뒤, 무엇을 했는지 답글로 남깁니다.

변경 사항

3D 에디터

• 댓글 패널 - 댓글 모드에서 모든 스레드를 참여자, 답글 수, 시간과 함께 보여 주는 패널이 열립니다. 현재 씬 또는 모든 씬으로 필터링하고, 해결된 스레드도 표시할 수 있습니다. 스레드를 열면 해당 씬으로 전환되고 카메라가 댓글 작성자의 시점으로 이동합니다.
• 해결 및 다시 열기 - 스레드를 해결해도 삭제되지 않고 남아 있으며, 나중에 다시 열 수 있습니다.
• 읽지 않음 표시 - 핀과 패널의 빨간 점으로 새 답글이 있는 스레드를 표시합니다. 스레드를 읽음 또는 읽지 않음으로 표시할 수 있습니다.
• 핀 미리 보기 - 핀에 마우스를 올리면 첫 댓글과 프로필 사진이 보입니다. 핀을 우클릭해 해결하거나, 읽지 않음으로 표시하거나, Ask AI를 사용할 수 있습니다.
• 댓글 숨기기 - Shift+C로 모든 댓글을 숨기거나 표시합니다.

AI 및 에이전트

• 댓글에서 Ask AI - 스레드를 Spline의 AI 에이전트에게 보내세요. 에이전트가 변경을 적용하고, 댓글 작성자의 카메라에서 확인한 뒤, 스레드에 답글을 남깁니다. 스레드는 요청할 때만 해결 처리합니다.
• MCP를 통한 댓글 - Claude, ChatGPT 등 MCP 클라이언트가 댓글을 읽고, 답글을 달고, 해결할 수 있습니다.

수정 사항

• Preview 탭에서 실행 중인 씬 위에 더 이상 댓글이 표시되지 않습니다.
• Escape 키로 열린 스레드를 닫습니다.

이제 Spline의 MCP 서버가 클라우드에서 실행됩니다. ChatGPT, Claude, Cursor에 3D 씬을 요청하면 에디터를 열지 않아도 실제 Spline 파일로 만들어지고, 바로 열어서 이어서 편집할 수 있습니다. 이번 업데이트에서는 네이티브 iOS 및 Android 내보내기에 PBR 머티리얼, 불리언, 타임라인 애니메이션이 추가되고, 카메라와 조명 키프레임, Hana의 대용량 파일 성능 개선, 그리고 수많은 인터랙션 수정도 함께 제공됩니다.

변경 사항

AI 및 에이전트

• 원격 Spline MCP 서버 - 이제 Spline의 MCP 서버가 클라우드에서 실행되므로 에디터를 열어 둘 필요가 없습니다. ChatGPT 플러그인 디렉터리에서 Spline을 추가하거나, Claude, Cursor 등 MCP 클라이언트에서 서버를 연결하고 Spline 계정으로 로그인하면 AI 도구가 3D 씬을 만들고 편집해 줍니다. 모든 변경 사항에는 해당 파일 링크가 함께 제공됩니다. 앱별 설정 방법은 spline.design/mcp에 있습니다.
• AI로 게시하기 - Spline의 AI 어시스턴트나 Claude, ChatGPT 같은 연결된 도구에 씬 게시를 요청하면 공개 링크를 돌려줍니다.
• 에이전트의 더 똑똑한 인터랙션 - 이제 에이전트가 Set Variable 표현식과 Conditional 조건을 작성할 수 있습니다.
• 가져온 모델을 코드로 애니메이션 - 에이전트가 코드로 가져온 GLB/glTF 모델의 애니메이션 클립을 재생하고 제어할 수 있습니다.
• 새로운 AI 모델 - Fast부터 Ultra Max까지 모든 등급에 더 새롭고 뛰어난 모델이 적용되었고, Astra와 Argon 두 가지 등급이 새로 추가되었습니다.

3D 에디터

• 카메라와 조명 키프레임 - 타임라인에서 카메라 줌과 조명을 표시하고 키프레임을 설정할 수 있습니다.
• 애니메이션 일시 정지 및 정지 - 이제 애니메이션 액션으로 애니메이션을 재생하는 것뿐 아니라 일시 정지하거나 정지할 수 있습니다.
• 데칼 대상 - 데칼을 투영할 오브젝트를 선택할 수 있습니다.
• 더 안정적인 트랜스폼 - 그룹 크기를 조절하거나 늘어난 부모에서 분리해도 각 오브젝트의 형태가 유지되어 오래된 뷰포트 버그 여러 개가 수정되었으며, 기울어진 오브젝트에서도 피벗 편집이 작동합니다.
• 더 나은 glTF 가져오기 - 머티리얼이 이름이 붙은 공유 피지컬 머티리얼로 가져와지며, 텍스처 타일링과 각 메시의 모프 타깃 이름도 유지됩니다.
• 새로운 베벨 엔진 - 평면 셰이프 돌출과 3D 경로에 새로운 스트레이트 스켈레톤 베벨 엔진을 사용합니다. 기존 씬의 돌출은 그대로 유지됩니다.
• 더 나은 동영상 내보내기 - 동영상 내보내기가 더 선명해지고, 긴 내보내기는 렌더링하면서 디스크에 바로 기록되어 더 이상 메모리가 부족해지지 않습니다.
• 원근 카메라 프레이밍 - Preview, 내보내기, 게시된 씬에서 원근 카메라의 프레이밍이 개선되었습니다.
• 대시보드 - 팀, 프로젝트, 폴더를 우클릭해 공유하거나 링크를 복사할 수 있습니다. Recents에 볼 수 있는 파일이 표시되며, Show more로 더 볼 수 있습니다.
• 데스크톱 앱 - 탭 메뉴에 Close Other Tabs와 Close All Tabs가 추가되었습니다.

네이티브 내보내기 (iOS 및 Android)

• 이제 PBR 머티리얼, 경로 돌출, 불리언, Align to Path, 타임라인 애니메이션, 텍스처 필터링이 네이티브 런타임으로 내보내집니다.

Hana

• 더 빠른 대용량 파일 - 오브젝트가 수천 개인 파일에서도 드래그, 편집, 변형, 복제가 부드럽게 유지됩니다.
• 투명 영역 뒤의 드롭 섀도 - 오브젝트의 투명한 영역을 통해 드롭 섀도가 보이게 하는 새 옵션.
• 내보내기 - PDF 및 SVG 내보내기의 곡선이 더 깔끔해지고, 프레임 메뉴에 내보내기 항목이 추가되었으며, BG Color를 숨기면 배경이 투명해지고, 일괄 내보내기 버튼에 내보낼 프레임 수가 표시됩니다.

수정 사항

• 인터랙션 - 연결, 지연, 반복될 때 블렌딩 도중 멈추거나, 튀거나, 단계를 건너뛰던 트랜지션, 위로 다시 스크롤할 때 제자리를 찾지 못하던 스크롤 애니메이션, 휴대폰 레이아웃으로 되돌아가던 Screen Resize 브레이크포인트를 수정했습니다.
• 렌더링 - WebGPU에서 피사계 심도, 투명도 정렬, 유리 굴절이 개선되었습니다.
• 개선 및 수정

MCP 지원, WebGPU, GLB/GLTF 가져오기, SVG 및 PDF 내보내기, 더 나아진 벡터 편집 등을 갖춘 Hana V2를 소개합니다.

변경 사항

• MCP 접근 - 외부 AI 에이전트가 Hana 캔버스에서 디자인할 수 있게 해 주는 MCP 서버.
• Hana AI 에이전트 - 채팅 프롬프트로 UI 디자인, 사이트, 앱 화면 등 콘텐츠를 Hana의 오브젝트 시스템으로 네이티브하게 만들고, 기존 콘텐츠도 편집합니다.
• 생산성에 초점을 맞춘 Hana UI 리디자인.
• Hana WebGPU - 이제 Hana 에디터가 기본적으로 WebGPU에서 실행됩니다.
• 완전한 3D GLTF/GLB 지원 - GLTF/GLB 모델을 3D 오브젝트로 디자인에 가져오며, 애니메이션 인스펙터와 3D Shape 이펙트 설정을 제공합니다.
• SVG 내보내기 - 프레임을 벡터 SVG 파일로 내보냅니다.
• PDF 내보내기 - 프레임을 PDF 문서로 내보냅니다.
• Adobe Illustrator 파일 가져오기 - .ai 파일을 캔버스로 바로 가져옵니다.
• 20개 이상의 새로운 트랜지션 - sine, expo, circ, back, power, bezier의 in/out 변형, spring 등 스무 가지가 넘는 새로운 애니메이션 트랜지션/이징 유형.
• 그리드 레이아웃 메이커 - 선택한 오브젝트를 설정 가능한 그리드 레이아웃으로 배치하는 스마트 조정 도구.
• 이미지 레이어 제어 - 이미지 채우기와 레이어를 위한 새로운 클리핑 및 맞춤 제어.
• Cmd 크기 조절 자르기 - Cmd를 누른 채 크기 조절 핸들을 드래그하면 이미지/동영상 채우기를 그 자리에서 자르며, 가져온 미디어는 픽셀 크기의 절반으로 배치됩니다.
• 텍스트 말줄임 - 넘치는 텍스트를 말줄임표로 잘라 표시할 수 있습니다.
• 거리 도우미 - Alt를 누르고 있으면 선택한 항목과 마우스를 올린 오브젝트 사이의 거리가 표시됩니다.
• 간격 도우미 - 여러 오브젝트를 선택하면 그 사이의 간격이 표시되어 균등하게 배치할 수 있습니다.
• 프레임 크기 템플릿 - 프레임을 만들 때 쓸 수 있는 기기 및 소셜 미디어 프레임 크기 프리셋.
• 명암비 검사 - 컬러 피커에 명암비가 표시되어 접근성 좋은 색상 조합을 고를 수 있습니다.
• 실시간 협업자 커서 - 캔버스 위 협업자 표시 개선: 이름표가 붙은 화살표 커서, 사용자별 선택 윤곽선, 박스 선택 표시.
• 애니메이션 가능한 상태 시스템 - 데이터 모델에 새로운 애니메이션 가능한 상태가 추가되고, 알 수 없거나 형식이 잘못된 문서도 견디는 견고한 파싱을 갖췄습니다.
• 컴포넌트/인스턴스 - 인스턴스가 캔버스 위 메인 오브젝트에서 실시간으로 반영되어, 동기화된 복사본과 중첩 인스턴스 메커니즘이 필요 없어졌습니다.
• 더 빠른 오토 레이아웃과 제약 조건 - 레이아웃과 앵커 기반 제약 조건을 Rust 런타임으로 옮겨 단일 기준으로 삼고, 병렬로 존재하던 TypeScript 구현을 대체했습니다.
• 커스텀 셰이프의 부드러운 둥근 모서리(iOS) - 스퀴클 모서리 스무딩을 사각형에서 커스텀 셰이프와 모든 2D 기본 도형으로 확장했습니다.
• 시스템 폰트 - 데스크톱 앱이 설치된 시스템 폰트를 폰트 선택기에 표시하며, 참조로 저장합니다.
• 개선된 확대/축소 - 캔버스 확대/축소가 부드러워지고 스크롤 양에 비례하도록 바뀌었습니다.
• 대폭적인 성능 향상 - 유휴 프레임 건너뛰기, 더 빠른 파일 로딩, GPU 돌출 애니메이션, 더 나은 그라디언트, 더 빠른 3D 셰이프 등 여러 최적화.
• Google Fonts 업데이트 - 이제 2000개 가까운 폰트를 사용할 수 있습니다.

에이전트 시대에 맞춰 3D 에디터를 완전히 새로 만든 Spline V2를 소개합니다.

변경 사항

AI 에이전트 및 생성

• MCP 접근 - 외부 에이전트(Claude Code, Cursor 등)가 MCP 도구로 3D 에디터를 조작합니다.
• AI 채팅 에이전트 - 3D 에디터 안에서 AI 에이전트로 3D 씬을 생성하거나 편집합니다. 생성된 씬은 완전히 편집할 수 있습니다.
• 깊이 있는 AI 씬 편집 - 에이전트는 오브젝트, 머티리얼, 조명, 카메라, 불리언, 파티클, 클로너, 경로, 하늘, 변수, 완전한 인터랙션(이벤트, 트윈, 상태)은 물론 코드 기반 커스텀 인터랙션까지 모든 것을 만들고 편집할 수 있습니다.
• AI 씬 구성 - 에이전트가 여러 오브젝트로 된 구조적인 씬을 배치하고, 절차적 생성기를 사용하고, 씬 전체에 걸쳐 변경할 수 있습니다.
• Preview 탭 - 3D 씬과 모든 HTML 또는 코드 인터랙션을 위한 새로운 재생 모드.
• Code 탭 - 이제 Spline에서 씬의 데이터에 접근해 수정하거나 런타임에 새로운 절차적 데이터를 만드는 HTML/JS 코드를 지원합니다. 에이전트가 3D 캔버스 위에 겹치는 HTML/JS를 생성하므로, 모션, 인터랙션, 게임을 기본적으로 코드로 구동할 수 있습니다.
• 버전 기록 - 모든 AI 프롬프트가 버전 기록 항목으로 저장됩니다.
• AI 이미지 및 3D AI 생성 도구 - 채팅이 작업을 이어 가는 동안 백그라운드에서 텍스처/이미지와 3D 모델을 생성합니다.

렌더링 및 엔진

• WebGPU 렌더러 - TSL 기반의 새로운 WebGPU 백엔드가 기본이며, WebGL은 대체 수단으로 쓰입니다.
• PBR 머티리얼 지원 - 이미지 기반 조명(IBL), 새로운 맵 채널, BRDF, glTF 호환, HDR 컬러 파이프라인.
• 화면 공간 반사 - SSR을 지원하는 새로운 반사 레이어(WebGPU 전용)와 Surface Shape/Mirror 토글. Mirror 모드는 선택적 블러가 있는 진짜 평면 거울 반사를 제공합니다.
• Physical Sky - 자체 돔 라이트와 Light Intensity 다이얼을 갖춘 절차적 하늘.
• HDRi Sky - .hdr을 IBL이 적용된 스카이박스로 지원하며, Show-BG 스위치로 조명만 유지할 수 있습니다.
• 높이 안개 - 기존 깊이 안개와 함께 Height 및 Both 모드를 갖춘, 카메라 각도에 따라 달라지는 사실적인 안개.
• 셰이프 블렌드 전면 개편 - 새로운 512³ 해상도, 더 빠른 연산, 어떤 메시든 셰이프 블렌드로 사용 가능.
• Dust 머티리얼 레이어 - 위를 향한 표면에 먼지/눈이 쌓이는 절차적 셰이딩.
• 헤어 시스템 - 두피 셰이프나 어떤 메시에서든 머리카락을 자라게 하는 GPU 가속 머리카락 가닥 시뮬레이션으로, 조명, 그림자, 바람, 뭉침을 지원합니다.
• 더 빠른 불리언 연산 - 전체적으로 약 4배 빨라졌으며, 서브디비전 베이킹과 퇴화 지오메트리 문제를 수정했습니다.
• GPU 인스턴싱 - 클로너가 이제 GPU 메시 인스턴싱을 사용합니다. 지오메트리와 머티리얼을 공유하는 쌍은 자동으로 하나의 인스턴스 드로우로 합쳐질 수 있습니다.
• Vertex Color 머티리얼 레이어 - glTF의 버텍스별 색상을 가져와 렌더링하는 새로운 머티리얼 레이어.
• 물리 업그레이드 - 물리 캐릭터 컨트롤러의 접촉이 개선되었고, 드래그한 강체가 이제 키네마틱을 제대로 구동합니다.
• 내보내기 크기 최적화 - 기본 런타임 크기가 줄고 사용하는 기능에 따라 크기가 조정되어 로딩 시간이 개선되었습니다.
• 에디터 UI 리디자인 - 상단 내비게이션 재설계(왼쪽 탭, 가운데 툴바, Preview = Play), Preview/Edit/Code 스테이지 탭, 단색 강조색을 사용한 라이트/다크 테마 리프레시.
• 성능 전면 개선 - 유휴 상태 누수 수정, 그림자 캐싱, 더 빠른 AO, 더 빠른 선택, 일괄 처리되는 서브디비전 WASM, 최적화된 경로 지오메트리, 최적화된 부드러운 그림자, 더 빠른 테셀레이션.

모델링 및 도구

• 베벨/챔퍼 도구 - 라운드 모드, 세그먼트 제어, 실시간 재구성되는 플로팅 툴바, 더 똑똑해진 엣지 루프 선택을 갖춘 새로운 메시 편집 베벨.
• 텍스처 프로젝션 축 - 원통형 및 구형 텍스처 프로젝션의 X/Y/Z 축 제어.
• 카메라 UX - 원근↔직교 사이의 부드러운 전환.
• 아웃라이너 유형 필터 - 오브젝트 유형별로 아웃라이너를 필터링합니다.
• 스컬프트 및 메시 업그레이드 - 스컬프팅의 브러시 대칭과 스컬프팅한 메시 및 편집 가능한 메시의 UV 지원.
• 새 파일 기본값 리프레시 - 새 파일이 오프셋된 카메라, HDRi 하늘, 부드러운 그림자, 더 어두운 기본 색상과 함께 원근 뷰로 열리며, 기본 사각형이 없습니다.
• 가져오기 충실도 - GLB/glTF 가져오기에서 PBR 머티리얼이 충실하게 유지되고, 텍스처는 공유 에셋으로 저장되며, 분리된 에셋과 .hdr/.exr도 받고, 높이 500으로 정규화되어 배치됩니다.

대시보드 및 앱

• 홈 리디자인 - 프롬프트 히어로가 있는 새로운 홈, 이후 최근 항목 목록과 하단 입력창. 프롬프트는 에디터의 채팅으로 바로 전달됩니다.
• 워크스페이스 검색 - 사이드바에서 열어 워크스페이스 전체의 파일을 검색하는 모달.
• 파일 및 템플릿 리디자인 - 새로 다듬은 파일 목록 보기, 인라인 탭이 있는 템플릿 페이지, 페이지 나눔과 최신순 정렬을 갖춘 사이드바 My-Files 폴더.
• 새로운 요금제 - 요금제별 크레딧 선택이 가능한 Hobby/Pro/Max로 개편되어 AI 애드온을 대체합니다.

지원 종료

• AI Style Transfer는 이제 지원이 종료되었습니다.
• UI 생성을 위한 새로운 HTML 방식이 도입되면서 UI Scenes는 지원이 종료되었습니다. 기존 UI 씬이 있는 파일도 문제없이 로드됩니다(Hana가 기존 UI 렌더러를 대체해 더 빠르게).
• Frame Mode는 지원이 종료되었지만, 에디터 안의 프레임 오버레이는 이전처럼 작동합니다.
• Playmode는 이제 Preview Mode입니다.

설명을 현실로 바꾸는 새로운 방법, Omma를 소개하게 되어 기쁩니다. 고급스러운 3D 랜딩 페이지, 제대로 작동하는 앱, 인터랙티브 게임 무엇을 만들든 Omma가 힘든 일을 대신합니다. 코드 작성부터 3D 메시 생성까지 여러 작업을 병렬로 조율해, 반복적인 기본 작업을 건너뛰고 바로 출시로 나아갈 수 있습니다.

아직 베타 초기라 다소 실험적으로 느껴질 수 있지만, 핵심 엔진은 이미 탐험할 준비가 되어 있습니다. 빈 화면에서 시작하거나 커뮤니티가 이미 만들고 있는 것을 리믹스해 보세요.

변경 사항

멀티 에이전트 워크플로: Omma는 코드, 이미지, 3D 생성 에이전트를 동시에 실행해 복잡한 씬과 앱을 몇 초 만에 만듭니다.

• 정적 페이지를 넘어: 물리 기반 시뮬레이션과 실시간 반사를 포함해 WebGPU로 구동되는 인터랙티브 웹 앱과 게임을 만드세요.
• 실제 데이터 통합: CSV, JSON, DOC 파일과 GLB/GLTF 3D 모델을 지원해 프로젝트를 현실 세계와 연결하세요.
• 커뮤니티 리믹스: 처음부터 시작하지 마세요. 커뮤니티 갤러리를 둘러보고 기존 프로젝트를 포크해 커스터마이즈하세요.
• 즉시 배포: 실서비스용 호스팅과 커스텀 도메인 지원으로 프롬프트에서 라이브 URL까지 단숨에.
• 고급 웹 기술: Three.js, Tailwind CSS, React Three Fiber 같은 업계 표준을 기본 지원합니다.
• 병렬 반복: 하나의 아이디어로 여러 베리에이션을 한 번에 생성하고, 가장 좋은 결과를 골라 계속 만들어 가세요.

가장 먼저 무엇을 설명하고 만들어 보실 건가요?

omma.build에서 시작하세요.

Hana의 최신 기능을 소개하게 되어 기쁩니다! 직접 써 볼 준비가 되셨나요? 함께 살펴봐요! 🚀

변경 사항

• 3D 메시의 채우기로 프레임 사용
• Figma에서 복사 및 붙여넣기
• 페이지
• 연필 도구
• 선에 그라디언트 및 이미지 적용
• 개선: 벡터 점을 더 쉽게 제어할 수 있습니다
• spline.new를 입력하면 새 3D Spline 파일이 만들어집니다

여러 가지 소소한 개선 사항을 출시했습니다

변경 사항

3D 에디터

• 개선: 이제 3D 경로의 세그먼트를 균등하게 분포시킬 수 있습니다. 균등 분포와 동적 분포 사이를 전환할 수 있으며, 경로를 따라가는 애니메이션에서 특히 유용합니다.
• 값을 바꿔도 클로너 패널 내용이 업데이트되지 않던 문제 수정.
• 업데이트되지 않은 파일의 피벗 오류 수정.

Hana

• 개선: 3D 셰이프 성능이 크게 향상되었습니다. 메모리 관리는 약 2배 좋아지고 GPU에서는 15% 빨라졌습니다.
• 프레임 관련 여러 개선. 오브젝트를 선택하고 shift+a를 누르면 프레임으로 감싸고 레이아웃을 적용합니다.
• 일부 경우에 발생하던 텍스트 선택 정밀도 문제 수정.

3D 워크플로를 더 정밀하고 유연하게 다룰 수 있도록 요청이 많았던 기능 여러 가지를 선보입니다. 피벗 위치를 직접 옮기는 기능 같은 Spline의 핵심 에디터 개선부터 USDZ 가져오기를 통한 파일 지원 확대까지, 이번 업데이트는 모두 창작 과정을 빠르게 하는 데 초점을 맞췄습니다. 코드로 머티리얼 레이어를 실시간으로 더 깊이 커스터마이즈할 수 있도록 Code API도 강화했습니다. 한편 Hana에서는 필수 구성 요소에 더 빠르게 접근할 수 있어 생산성이 높아졌습니다.

변경 사항

Spline 업데이트:

• 이제 3D 오브젝트의 피벗 위치를 바꿀 수 있습니다! CMD/CTRL을 누른 채 피벗을 옮기거나 플로팅 패널에서 직접 조정하세요.
• Spline의 Code API(웹)에서 머티리얼 레이어 편집을 지원합니다! 이제 텍스처나 기타 머티리얼 레이어 매개변수를 동적으로 바꾸는 등의 작업을 할 수 있습니다. API 문서에서 자세히 알아보기.
• Spline 3D 에디터에서 USDZ 파일 가져오기 지원.

Hana 업데이트:

• Hana 툴바에서 3D 셰이프에 빠르게 접근

3D Shape 이펙트로 어떤 2D 셰이프든 단 한 번에 3D 공간으로 끌어올려, 평면 벡터 셰이프에 깊이, 볼륨, 조명을 즉시 더할 수 있습니다. 원본 2D 셰이프는 그대로 편집할 수 있고, 변경 사항은 3D 형태에 실시간으로 반영됩니다. 3D 제작을 2D 셰이프 작업만큼 빠르고 직관적으로 만드는, 디자인 워크플로의 획기적인 진전입니다.

변경 사항

• Hana에 3D Shape 지원 추가 — 어떤 2D 셰이프든 사실적인 셰이딩을 위한 조명, 머티리얼, 환경 맵을 갖춘 3D 오브젝트로 변환
• 2D 셰이프는 그대로 편집 가능하며, 3D 오브젝트가 실시간으로 업데이트됩니다
• 모든 3D Shape 매개변수는 애니메이션과 인터랙션을 위해 상태 간에 바꿀 수 있습니다
• 3D Shape 이펙트를 활용한 예제와 템플릿이 담긴 새로운 Discover 페이지
• 기타 수정 및 개선

두 에디터를 포함한 Spline 플랫폼 전체에 System, Light, Dark 모드를 지원하는 화면 모드 설정을 추가했습니다. 대시보드 메뉴나 에디터 메인 메뉴에서 언제든 테마를 바꾸거나, 인터페이스가 시스템 설정을 자동으로 따르도록 할 수 있습니다.

변경 사항

• 플랫폼 전체의 화면 모드 지원
• System / Light / Dark 모드
• 대시보드 또는 에디터 메뉴에서 전환 가능
• 시스템 설정 자동 적용 지원
• 기타 개선 및 수정

이제 Hana에 워크플로 안에서 창의적 가능성을 넓혀 주는 AI 기능이 포함됩니다. Hana 안에서 바로 이미지를 생성하고, 변형하고, 향상시켜 시간을 아끼면서 새로운 디자인 방향을 열 수 있습니다. 처음부터 시작하든 기존 작업을 반복 개선하든, AI로 더 자유롭게 실험하고 더 빠르게 결과를 얻을 수 있습니다.

변경 사항

• 다양한 모델로 이미지 생성
• 이미지와 프레임을 합치거나 수정하기
• 베리에이션 만들기, 배경 제거, 업스케일
• 기타 개선 및 수정

Spline의 타임라인 애니메이션으로 부드러운 키프레임 기반 모션을 만들어 3D 디자인에 생명을 불어넣으세요. 위치, 회전, 스케일 등 다양한 속성에 시간에 따른 애니메이션을 적용할 수 있어 애니메이션 타이밍을 더 쉽게 정할 수 있습니다. 내장 그래프 에디터로 키프레임 트랜지션의 흐름을 다듬으세요. 지금 베타로 이용할 수 있습니다.

변경 사항

• 키프레임 제어
• 커브 제어
• 타임라인의 이벤트 지원
• 타임라인의 동영상 내보내기 지원
• 새로운 툴바 UI
• 개선 및 수정

마스크를 사용하면 벡터 셰이프로 콘텐츠를 숨기거나 드러낼 수 있습니다. 이미지나 레이어의 일부를 영구적으로 지우는 대신, 마스크가 보이는 영역을 정의합니다. 마스크 셰이프 안쪽은 모두 표시되고, 바깥쪽은 숨겨집니다. 벡터 마스크도 이벤트와 액션으로 애니메이션과 인터랙션을 적용할 수 있습니다.

변경 사항

• 신규: 벡터 마스크 – 벡터 셰이프로 콘텐츠를 숨기거나 드러내기.
• 에셋이 많은 대용량 파일의 로딩 속도 향상
• 소소한 개선 및 수정.

3D 프로젝션, Layer Noise, Noise Glass 같은 기능으로 Spline Hana에서 더 많은 창의성을 끌어내기 위한 노력을 이어 가는 새 업데이트를 발표합니다.

변경 사항

• 신규: 3D 프로젝션 – 2D 레이어를 입체 형태로 감싸 깊이, 곡률, 사실적인 조명을 더합니다. 볼륨감 있는 투영을 시뮬레이션해 더 몰입감 있는 씬을 만들 수 있습니다.
• 신규: Layer Noise – 표면에 절차적인 변화를 더해 유기적인 질감이나 변위를 만듭니다. 균일한 영역에 변화를 주거나, 자연스러운 불완전함을 만들거나, 역동적인 움직임을 더할 때 유용합니다.
• 신규: Noise Glass – 질감 있거나 고르지 않은 유리를 통해 보는 것처럼 표면을 왜곡해 굴절된 물결과 시각적 일그러짐을 만듭니다. 반투명 유리, 수면, 아지랑이를 시뮬레이션할 수 있습니다.
• 소소한 개선 및 수정.

오늘 Hana에 3D 트랜스폼, 오토 레이아웃, 리퀴드 글래스 이펙트, 동영상 레이어 등 강력한 새 기능을 선보입니다. 아이디어를 현실로 만드는 데 도움이 될 폭넓은 새 기능이 열립니다.

변경 사항

• 신규: 3D 트랜스폼으로 깊이와 원근 제어를 사용해 레이어를 3D 공간에서 회전하고 변형할 수 있습니다.
• 신규: 오토 레이아웃으로 정렬, 패딩, 간격, 줄바꿈, 메이슨리 레이아웃 옵션을 사용해 요소를 더 빠르고 유연하게 배치할 수 있습니다.
• 신규: 리퀴드 글래스 이펙트는 실제 유리 표면의 자연스러운 왜곡, 굴절, 깊이를 시뮬레이션하며 애니메이션도 지원합니다. Apple의 새로운 Liquid Glass 디자인 언어에서 영감을 받았습니다.
• 신규: 동영상 레이어로 동영상을 가져와 프레임과 셰이프에 동영상 채우기를 적용할 수 있습니다.
• 성능: 이제 대규모 씬에서 Hana가 약 2배 빨라졌습니다.
• 소소한 개선 및 수정.

이제 Hana에서 동영상을 내보낼 수 있습니다! 애니메이션과 인터랙션을 위한 선 트리밍 제어도 추가했습니다.

변경 사항

• 신규: Hana에서 MP4 동영상 내보내기. 동영상의 FPS와 해상도를 선택할 수 있습니다.
• 신규: 선 트리밍 애니메이션.
• 신규: 선 대시 애니메이션 지원.
• 소소한 개선 및 수정.

이제 Hana에서 프로그레시브 블러를 지원합니다! 부드러운 그라디언트도 지원합니다. 모두 인터랙티브하고, 모두 실시간입니다.

변경 사항

• 프로그레시브 블러 지원.
• 프로그레시브 블러는 Layer Blur와 Background Blur에서 작동합니다.
• 그라디언트 지원.
• 그라디언트는 선형, 방사형, 각도(앵귤러) 방식을 지원합니다.
• 색상이 자연스럽게 섞이는 새로운 부드러운 그라디언트.
• 에디터 성능 개선.
• 소소한 개선 및 수정.

이제 Spline Hana에서 SVG를 가져올 수 있습니다. 어떤 SVG 파일이든 Hana로 끌어다 놓으세요.

변경 사항

• SVG 파일 지원 추가.
• 소소한 수정 및 개선.

실시간 인터랙티브 경험을 만드는 캔버스.

Hana는 빠르고 인터랙티브하며 애니메이션이 살아 있는 경험을 위해 처음부터 새로 만든 현대적인 디자인 툴입니다. 인터페이스를 만들든 역동적인 상태 기반 애니메이션 그래픽을 만들든, Hana로 풍부한 경험을 디자인할 수 있습니다.

실시간 협업과 창의적 자유를 핵심으로 만들어져, 디자인 과정을 간소화하면서도 인터랙션과 애니메이션을 위한 강력한 제어 기능을 제공합니다.

만든 모든 것은 실서비스에 바로 쓸 수 있으며 웹에 임베드할 수 있습니다.

변경 사항

• 인터랙티브 디자인을 위한 새로운 캔버스
• 이벤트와 상태
• 이펙트: 그림자, 블러
• 실시간 벡터 네트워크와 불리언
• 실서비스용 내보내기 등!