디자인 과정에서 AI를 활용한 underlay 컴포넌트 개발
디자이너가 시안 대신 앱을 만든 이유
디자이너는 AI를 활용해 직접 동작하는 시안을 만들 수 있게 되었으며, 기존의 디자인-개발 번역 과정을 줄였다. 토스 앱의 underlay 컴포넌트는 사용자의 경험을 개선하기 위해 개발되었고, 기존 UI와는 다른 방식으로 정보를 제공하는 역할을 한다. 디자인 과정에서 AI를 통해 SwiftUI 기반의 iOS 앱을 직접 만들었으며, 인터랙션의 질감을 조정하기 위해 Metal 셰이더를 사용했다. 최종적으로, 이 컴포넌트는 실제 서비스에 적용되었고 특허 출원도 진행되었다.
디자이너가 AI와 협업하여 직접 코드로 디자인하는 과정은 기존의 툴 제약을 넘어, 더 나은 사용자 경험을 창출할 수 있는 기회를 제공한다.
원문 출처
토스 테크 (Toss Tech)