스크롤할 때 나타나는 효과나 버튼의 반응을 말로만 설명하기 어려울 때, 실제로 움직이는 예제를 보며 원하는 방향을 고를 수 있습니다. Visual Atlas에서는 모션 레퍼런스를 검색하고 선택한 예제를 Composer에 모아 시안을 구성합니다. 화면 크기에 따른 배치를 확인한 뒤 Design Contract로 정리해 코딩 AI에 전달합니다.
한국어 UI 개발 화면. 자동 선택을 끈 상태에서 모션 레퍼런스 후보를 검토합니다.
할 수 있는 것
원하는 동작을 검색하고 인터랙티브 레퍼런스에서 확인합니다.
선택한 예제를 조합하고 속성과 반응형 배치를 조정합니다.
시안을 Design Contract로 정리해 로컬 MCP로 코딩 환경에 연결합니다.
동작 방식
모션 레퍼런스를 검색해 직접 선택하고 Composer에서 시안을 구성합니다. 배치와 속성을 조정한 결과는 Design Contract로 정리합니다.
