AI 분석
UI 트랜지션 속성을 타임라인 막대와 이징 컨트롤로 조정하고 에이전트 제안을 적용하는 라이트 모드 개발 도구 화면이다.
왼쪽에 앱 아이콘과 큰 제목을 둔 소개 영역이 있고, 오른쪽에는 속성 목록·타임라인·설정 패널로 나뉜 3단 플로팅 패널이 놓인다. 흰 배경과 연회색 면 위에 산세리프 타이포그래피를 쓰고, 강조색은 Refine 버튼과 베지어 곡선 프리뷰의 파란색 하나로 제한한다. 요소 칩과 속성명이 붙은 행마다 회색 지속시간 막대가 있고, 오른쪽 패널에는 Duration·Delay 슬라이더 입력, Easing/Springs 탭, 큐빅 베지어 값 입력과 곡선 프리뷰가 있다. 영상은 패널을 확대하며 에이전트 스캔 상태의 그라데이션 로딩 필, 이전 값에 취소선을 그은 변경 제안 카드, Apply all 버튼으로 이어지는 흐름을 보여 준다. 모션 편집 도구나 AI 제안 검토 UI를 설계할 때 참고하기 좋다.
minimal · light-mode · techy
claude-opus-5-5 · 2026-10-16 17:51 · 신뢰도 0.78
