Cursor의 업데이트된 Design Mode

UI 작업은 공간적인 특성을 가지므로, Cursor는 사용자가 보는 화면과 AI 에이전트가 이해하는 코드 사이의 간극을 줄이기 위해 Design Mode를 업데이트했다. 이를 통해 개발자는 실행 중인 제품의 문맥을 유지하며 흐름을 끊지 않고 코드를 편집할 수 있다.

사용자는 다음과 같은 다양한 방식으로 에이전트에게 의도를 전달할 수 있다:

• 요소 선택: 특정 요소를 클릭하여 해당 요소의 코드와 속성을 기반으로 편집 요청
• 멀티 선택: 여러 요소를 선택해 요소 간의 관계를 정의하거나 일괄 조정
• 그리기: 화면의 특정 영역을 원이나 상자로 표시하여 명령의 적용 범위 지정
• 음성 명령: 음성을 통해 변경 사항을 직접 설명

시스템 내부적으로는 선택한 요소의 xpath, 컴포넌트 속성, computed styles 등과 함께 스크린샷을 활용해 공간적 맥락을 파악한다. 이를 통해 에이전트는 소스 코드를 정확하게 찾아 효율적으로 수정할 수 있다.

이번 업데이트는 Composer 2.5와 결합하여 빠른 UI 반복 작업(iteration)을 지원한다. 사용자는 고수준의 추상화 단계와 저수준의 세부 사항 사이를 매끄럽게 오가며 더욱 정밀한 편집 작업을 수행할 수 있다.