프론트엔드
디자이너가 시안 대신 앱을 만든 이유
두줄요약
디자이너가 SwiftUI와 AI를 활용해 시안 대신 동작하는 앱을 만들고 인터랙션을 직접 검증했습니다. 레포를 스펙처럼 전달해 개발 완성도와 전달 효율을 함께 높였습니다.
핵심 내용
- 디자이너가 피그마 시안 대신 SwiftUI 기반 iOS 앱을 직접 만들어, 머릿속 디자인과 인터랙션을 코드로 검증한 사례
- underlay 컴포넌트를 중심으로, 화면 위에 띄우는 알림형 UI가 아닌 아래에 깔린 경험을 드러내는 방식으로 재해석
- AI를 문법 보조와 반복 수정 도구로 활용하며, 실제 기기에서 보면서 질감·속도·번짐 같은 인터랙션 디테일을 파인튜닝
- 개발자에게 레포 자체를 전달해 인터랙션 가이드를 대체하고, 코드 구조까지 스펙으로 이어지게 만든 경험
적용해볼 점
- 정지 화면보다 동작하는 시안으로 인터랙션 검증하기
- 문서보다 레퍼런스 코드로 의사소통해 구현 오차 줄이기
- AI를 통해 디자이너의 설계·선택·판단 속도 높이기