홈 / 영상 · ✦ 공식

디자이너를 위한 Cursor (완전 워크숍)

Cursor · Cursor · ·41:42 · 조회수
디자이너를 위한 Cursor (완전 워크숍)

Agents 창, Figma MCP, Canvas UI 렌더러, Design Mode 브라우저 내 조정 및 Plan Mode를 다루는 디자이너 중심 완전 워크숍 — 예산 앱을 처음부터 구축합니다.

전체 설명

Cursor 팀의 완전한 디자이너 중심 워크숍. Agents 창, Figma MCP 통합(디자인 토큰 가져오기 및 컴포넌트를 Figma에 다시 게시), Canvas UI 렌더러, 브라우저 내 조정을 위한 Design Mode, Plan Mode를 안내하며, 예산 앱을 처음부터 끝까지 구축합니다. 별도 도구에서 벗어나 실제 코드 기반 UI를 배포하고 싶은 디자이너를 대상으로 합니다.

챕터

  1. 0:00 소개: 디자이너를 위한 Cursor
  2. 4:00 Agents 창
  3. 12:00 Figma MCP: 토큰 입력, 컴포넌트 출력
  4. 22:00 Canvas: UI 렌더러
  5. 30:00 Design Mode: 브라우저 내 조정
  6. 36:00 Plan Mode 및 마무리
YouTube에서 보기 ↗ 콘텐츠는 원본 게시자의 사이트에 있습니다.
Cursor로 디자인하는 것에 관한 일차 참고 자료로서 Cursor-Design 커뮤니티를 위해 엄선했습니다.