영상
Cursor로 디자인하는 녹화 워크스루, 데모, 토크.
Cursor AI 초보자 완전 튜토리얼 (2025)
React 앱을 만들고 GitHub에 푸시한 후 Vercel에 배포하기 — 코딩 경험이 없어도 따라할 수 있는 초보자 친화적 Cursor 완전 가이드.
AI로 웹사이트 만드는 방법 — Cursor 2025
HTML/CSS, 도메인, 호스팅 및 디자인 변경을 다루는 완전한 초보자 튜토리얼 — Cursor로 사이트를 구축하고 배포하기, 사전 코딩 경험 불필요.
Cursor MCP로 Figma 디자인 변환하기
Cursor MCP 통합을 사용한 Figma-to-code 변환에 관한 가장 조회수 높은 가이드 — 프레임 선택 및 프로덕션 컴포넌트 생성.
AI로 아름다운 UI 만드는 법
shadcn/ui가 v0의 뛰어난 디자인 뒤에 숨은 비결인 이유, 그리고 Cursor에서 직접 사용하여 더 나은 인터페이스를 만드는 방법.
Cursor에서 v0를 직접 사용하여 10배 더 나은 UI 디자인 — Vibe Coder를 위한 가이드
v0 모델을 Cursor 내부에 직접 연결하여 UI 품질을 획기적으로 향상시키는 빠르고 실용적인 가이드.
v0에서 DESIGN하고 Cursor에서 FINISH하기
v0(최고 수준의 UI 생성)와 Cursor(로직 및 비용 효율적 반복) 간에 디자인을 이동하는 3가지 워크플로우.
디자이너를 위한 AI 가이드: 한 디자이너가 Cursor로 전환한 이유
Atlassian 디자인 디렉터가 Cursor 내에서 복잡한 UI 인터랙션 프로토타이핑, 애니메이션 SVG 브랜드 자산 재생성, 무드보드 구성 — 모두를 보여줍니다.
Cursor로 인터랙티브 프로토타입, 사운드 디자인, 데이터 시각화 구현하기
디자이너 Elizabeth Lin이 Cursor에서 디자인 미학(브루탈리즘, Y2K, 사이버펑크), 인터랙티브 사운드, 투박한 대시보드를 세련된 인터페이스로 변환하는 방법을 탐색합니다.
디자이너를 위한 Cursor (완전 워크숍)
Agents 창, Figma MCP, Canvas UI 렌더러, Design Mode 브라우저 내 조정 및 Plan Mode를 다루는 디자이너 중심 완전 워크숍 — 예산 앱을 처음부터 구축합니다.
새로운 비주얼 에디터: 코드베이스에서 직접 디자인하기
Cursor의 공식 Visual Editor 데모: 요소 선택, 드래그 앤 드롭으로 레이아웃 재배열, 정렬 컨트롤로 div 중앙 정렬, 디자인 시스템의 폰트 및 컬러 토큰 교체, 그리드 레이아웃 조정 — 에이전트가 모든 변경사항을 코드베이스에 직접 적용합니다.
Cursor의 새로운 Visual Editor가 Figma 킬러일까? 튜토리얼
Cursor의 Visual Editor를 Figma와 직접 비교하는 튜토리얼 — 실제 코드로 디자인을 구현할 때의 장점과 완전한 디자인 도구로서의 한계를 살펴봅니다.
Cursor 비주얼 에디터 — 레이아웃 시각적으로 수정하기
Gary Simon의 Cursor 비주얼 에디터 실전 가이드 — 레이아웃, 치수, 스타일링 컨트롤을 칭찬하며, 모든 Apply가 LLM 호출을 트리거하는 트레이드오프를 지적합니다.