Hana V2 출시

AI 에이전트와 MCP, WebGPU 렌더링, 실시간 3D 오브젝트 등으로 강화된 2D 디자인 캔버스의 대규모 업데이트.

Hana 열기

오늘 2D 디자인 캔버스의 대규모 업데이트인 Hana V2를 출시합니다. 이제 AI 에이전트와 MCP, WebGPU 렌더링 등으로 한층 강력해졌습니다.

이번 릴리스에는 에이전트와 MCP 지원, GLTF 및 GLB 모델 가져오기, SVG 및 PDF 내보내기, 개선된 실시간 협업, WebGPU로의 전환, 그리고 여러 소소한 에디터 개선 사항이 담겼습니다.

3D 에디터인 Spline도 V2를 출시했습니다.

AI 에이전트

이제 Hana에도 전용 AI 에이전트가 있습니다. UI 디자인, 랜딩 페이지, 앱 화면을 프롬프트로 요청하면 프레임, 텍스트, 벡터, 채우기 같은 Hana 고유의 오브젝트로 결과물을 만듭니다. 결과물은 편집 가능한 디자인입니다. 기존 콘텐츠도 편집할 수 있어서, 이미 있는 화면을 가리키고 원하는 변경 사항을 설명하면 됩니다.

Hana는 MCP 서버도 실행하므로 외부 AI 도구가 Hana에서 직접 디자인할 수 있습니다. Claude Code, Cursor, Codex 등은 내장 에이전트와 같은 능력을 갖습니다. 씬을 읽고, 오브젝트를 만들고 편집하고, 실제 콘텐츠로 쓸 이미지를 업로드하고, 스크린샷을 찍어 작업을 확인할 수 있습니다.

이 도구들은 코드와 함께 실행되므로 저장소를 기반으로 작업할 수도 있습니다. Claude Code나 Cursor에 저장소를 지정하면 실제 화면, 컴포넌트, 문구를 사용해 애플리케이션을 캔버스 위에 편집 가능한 Hana 오브젝트로 재현할 수 있습니다.

모바일 앱 디자인의 베리에이션 세 가지를 만드는 Hana AI 에이전트

2D 캔버스 위의 3D

앞서 돌출 3D 셰이프를 지원하기 시작했습니다. 어떤 2D 셰이프든 3D 지오메트리로 바꾸고 원본과의 연결을 유지하므로, 셰이프를 편집하면 지오메트리가 실시간으로 업데이트됩니다.

이번 릴리스에서는 3D 모델 가져오기가 추가되었습니다. GLTF와 GLB 파일을 메시, 머티리얼, 텍스처는 물론 스켈레톤, 스키닝, 모프 타깃까지 포함한 3D 오브젝트로 캔버스에 가져오므로, 리깅과 애니메이션이 적용된 모델도 애니메이션이 그대로 유지됩니다. 애니메이션 인스펙터에서 클립을 선택하고 재생을 제어하며, 메시 설정으로 조명과 셰이딩을 조정합니다.

3D 오브젝트도 다른 오브젝트와 똑같은 Hana 오브젝트입니다. 사각형, 텍스트, 벡터 네트워크와 같은 셰이프 시스템을 사용하므로 같은 트랜스폼을 적용받고, 같은 레이아웃 규칙을 따르고, 같은 애니메이션 시스템으로 움직입니다.

가져온 3D 오브젝트를 활용한 Hana 디자인

WebGPU로 더 빨라진 캔버스

Hana는 자체 엔진으로 렌더링하며, 벡터 셰이프, 불리언, 블러, 그림자를 최고 품질로 실시간으로 그립니다. 이제 이 엔진이 기본적으로 WebGPU에서 실행되어 그라디언트, 테셀레이션, 히트 테스트, 컬링, 돌출 애니메이션, 파일 로딩이 더 빨라졌습니다.

내보내기와 가져오기

이제 프레임을 SVG로 내보낼 수 있어 벡터 작업물이 벡터 그대로 Hana를 떠나며, 인쇄와 핸드오프를 위한 PDF로도 내보낼 수 있습니다.

Adobe Illustrator 파일을 캔버스로 바로 가져올 수 있어, 기존 아트워크를 먼저 변환하지 않고도 불러올 수 있습니다.

사용성 개선

이제 Alt 또는 Option 키를 누르고 있으면 선택한 항목과 마우스를 올린 오브젝트 사이의 거리가 표시됩니다. 여러 오브젝트를 선택하면 그 사이의 간격이 표시됩니다. 그리드 레이아웃 메이커는 선택한 항목을 설정 가능한 그리드로 배치하고, 프레임 템플릿은 자주 쓰는 기기와 소셜 미디어 크기를 제공합니다.

이미지에는 클리핑과 맞춤 제어가 생겼고, CMD를 누른 채 크기 조절 핸들을 드래그하면 채우기의 크기를 바꾸는 대신 그 자리에서 잘라냅니다. 텍스트는 말줄임표로 잘라 표시할 수 있습니다. 부드러운 둥근 모서리가 이제 사각형뿐 아니라 커스텀 셰이프와 모든 2D 기본 도형에 적용됩니다. 컬러 피커에는 이제 명암비가 표시됩니다.

sine, expo, circ, back, power, bezier 변형과 스프링을 포함해 스무 가지가 넘는 새로운 애니메이션 트랜지션이 추가되었습니다.

이제 협업자의 커서가 뒤처지지 않고 실시간으로 업데이트됩니다. 각 사람의 이름이 붙은 커서, 윤곽선으로 표시된 선택 항목, 박스 선택 동작을 일어나는 그대로 볼 수 있습니다.

Hana로 만든 인터랙티브 디자인

새로운 데스크톱 앱

데스크톱 앱을 새로 만들었으며, macOS와 Windows에서 기존 버전을 그대로 대체합니다.

파일이 탭으로 열려 여러 프로젝트를 동시에 열어 둘 수 있고, 같은 로그인으로 Spline 씬도 같은 탭 줄에 둘 수 있습니다. 앱은 컴퓨터에 설치된 폰트도 읽어 Google Fonts와 함께 폰트 선택기에 표시합니다.

외부 에이전트도 데스크톱 앱을 통해 연결됩니다. AI 도구(Claude Code, Claude Desktop, ChatGPT, Cursor, VS Code, Antigravity)와 함께 실행하면 Spline이 자동으로 등록되며, 따로 설정할 것이 없습니다. 탭마다 표시되는 인디케이터로 에이전트가 파일에서 작업 중인지 알 수 있습니다.

MCP로 프로젝트 저장소의 앱 화면을 Hana 캔버스에 추가하기

지금 바로 사용 가능

Hana V2에는 AI 에이전트와 MCP 서버, GLTF 및 GLB 모델 가져오기, SVG 및 PDF 내보내기, 개선된 실시간 협업자 커서, WebGPU 렌더링, 그리고 위에서 소개한 에디터 개선 사항이 담겨 있습니다.

3D 에디터인 Spline도 V2를 출시했습니다.

데스크톱 앱을 다운로드하거나 브라우저에서 Hana를 열어 보세요.

Spline 팀 🌸

Hana 열기

블로그의 다른 글