새로운 비주얼 에디터: 코드베이스에서 직접 디자인하기
Cursor · Cursor · ·2:05 ·101.6K 조회수
Cursor의 공식 Visual Editor 데모: 요소 선택, 드래그 앤 드롭으로 레이아웃 재배열, 정렬 컨트롤로 div 중앙 정렬, 디자인 시스템의 폰트 및 컬러 토큰 교체, 그리드 레이아웃 조정 — 에이전트가 모든 변경사항을 코드베이스에 직접 적용합니다.
전체 설명
Cursor 2.2에 출시된 Visual Editor의 공식 가이드입니다. 브라우저 미리보기에서 요소 선택, 드래그 앤 드롭 레이아웃 재배열, 정렬 컨트롤을 통한 div 중앙 정렬, 디자인 시스템에서 가져온 폰트 및 컬러 토큰 교체, 그리드를 가로에서 세로로 변환하고 최대 너비 및 중앙 정렬 설정하기를 시연합니다. 모든 비주얼 변경사항은 에이전트에 의해 코드베이스의 실제 편집으로 변환됩니다.
YouTube에서 보기 ↗ 콘텐츠는 원본 게시자의 사이트에 있습니다.
Cursor로 디자인하는 것에 관한 일차 참고 자료로서 Cursor-Design 커뮤니티를 위해 엄선했습니다.