Cursor로 흔한 AI식 화면을 피하는 UI 작업법
Cursor로 React, , 기반 웹앱을 만들 때 화면이 고급스럽게 보이지 않는 문제가 있다. 결과물이 좁은 배치, 과한 카드, 기본 느낌, 흔한 아이콘, 약한 시각적 우선순위, 들쭉날쭉한 간격, 뻔한 대시보드 형태로 흐르기 쉽다. 목표는 , Notion, Arc, 처럼 여백이 넓고, 글자 사용이 분명하며, 색을 절제하고, 움직임과 작은 상호작용이 차분한 제품 느낌이다.
더 나은 결과를 얻으려면 단순히 자세한 문장 프롬프트만 쓰는 것보다 스크린샷, 무드보드, Figma 디자인, 전용 이나 을 함께 주는 방식이 필요할 수 있다. 실제로 에서 먼저 화면을 만든 뒤 압축 파일로 내보내 Cursor에 넘기는 흐름이 잘 작동했다.
핵심 포인트
- Cursor만으로 만든 화면은 흔한 AI식 대시보드 느낌으로 흐를 수 있다.
- 문제는 좁은 배치, 카드 남발, 기본 스타일, 약한 시각적 우선순위다.
- 원하는 방향은 여백, 글자, 절제된 색, 작은 상호작용이 정리된 SaaS UI다.
- 스크린샷, 무드보드, Figma 디자인, 을 함께 주는 방식이 도움이 될 수 있다.
- 에서 먼저 만든 뒤 Cursor에 넘기는 작업 흐름이 좋은 결과를 냈다.