본문으로 건너뛰기

Figma와 Cursor 통합하기

Cursor는 Figma와 통합되어 디자인 작업과 코드 작업을 원활하게 연결할 수 있습니다. 이 가이드에서는 Cursor에서 Figma 디자인을 활용하는 방법을 설명합니다.

Figma 플러그인 설치하기​

  1. Cursor Figma 플러그인을 설치하세요.
  2. Figma에서 플러그인을 실행하세요.
  3. 플러그인이 설치되면 Cursor와 연결할 준비가 된 것입니다.

Cursor에서 Figma 디자인 사용하기​

  1. Cursor를 실행하세요.
  2. 명령 팔레트를 열고(⌘/Ctrl + P) "Figma"를 검색하세요.
  3. "Import from Figma"를 선택하세요.
  4. Figma 파일 URL을 입력하거나 최근 파일 중에서 선택하세요.

디자인 요소 내보내기​

  1. Figma에서 내보내고 싶은 요소를 선택하세요.
  2. Cursor 플러그인을 실행하세요.
  3. 선택한 요소의 코드가 자동으로 생성됩니다.
  4. "Copy to Clipboard"를 클릭하여 코드를 복사하세요.

// ... existing code ...