AI 코딩 도구 활용

개발자를 위한 AI 코딩 도구는 깃허브 코파일럿(Copilot)을 시작으로 커서(Cursor AI) 등으로 확장되고 있다. pxd의 개발 조직 XE 그룹은 이 도구들을 실무에 도입해 비교 검토했다. 커서는 VSCode를 포크해 만들었기 때문에 기존 개발 환경을 그대로 유지하면서 진입장벽 없이 사용할 수 있다는 점이 첫 번째 장점이다. 일부 단축키 충돌이 있으므로 자주 쓰는 단축키는 미리 재설정하는 것이 좋다.

커서의 핵심 강점은 세 가지다. 첫째, 현재 작업 중인 리포지터리를 파악해 파일 경로·변수명 등을 문맥에 맞게 자동 완성해 준다. 코파일럿 대비 더 정확한 맥락 인식이 가능하다. 둘째, 원하는 개발 문서를 직접 학습시킨 뒤 해당 문서 기반으로 코드를 추천받을 수 있어 최신 API에도 대응된다. 셋째, GPT-4o·Claude 3.5 Sonnet 등 복수의 AI 모델을 편집기 내에서 전환하며 사용할 수 있다.

컴포저(Composer) 기능은 커서의 가장 큰 차별점이다. 프롬프트만 입력하면 파일 생성·수정·삭제까지 자동 수행하고, 체크포인트 기능으로 작업 이력을 관리해 원하는 시점으로 되돌릴 수 있다. 다만 AI 생성 코드는 항상 정확하지 않으므로 코드 검토가 필수이며, 요금제의 사용 횟수 및 속도 제한도 실무에서 고려해야 할 부분이다.

핵심 내용

  • 커서는 VSCode 포크로 기존 환경 그대로 사용 가능하며 진입장벽이 낮음
  • 리포지터리 맥락 기반 자동 완성이 코파일럿 대비 더 정교함
  • 개발 문서 학습 기능으로 최신 API도 정확하게 대응 가능
  • 컴포저: 프롬프트만으로 파일 생성·수정·삭제 + 체크포인트 이력 관리
  • AI 생성 코드는 반드시 검토 필요, 사용 횟수 제한도 실무에서 주의해야 함
Cursor IDE의 Composer는 Figma 플러그인 개발에도 효과적으로 활용할 수 있다. pxd의 Scaffold Design System에서는 Text Styles의 font-size를 정의된 variables 값과 수동으로 매칭해야 하는 반복 작업이 있었는데, Figma API 문서를 Cursor에 직접 학습시킨 뒤 자연어 프롬프트만으로 변수 자동 매칭 플러그인을 약 2~3시간 만에 완성했다. 초기 결과물에서 발생한 폴더명 중복·공백 문제 등은 추가 프롬프트로 반복 개선했다. Composer의 체크포인트 기능은 기능이 의도치 않게 깨졌을 때 이전 상태로 되돌리는 안전망 역할을 했다.

생성형 AI는 UI 디자인 작업에도 적극 활용되고 있다. pxd의 모의 기획 사례에서는 챗GPT를 활용해 데스크 리서치, IA 구조 제안, 와이어프레임 생성을 시도했다. AI는 서비스에 필요한 주요 기능 목록과 정보 구조를 빠르게 제안할 수 있었으나, 텍스트만으로 IA를 제공하는 점, 실제 업무에서 필요한 도형 기반 구조도를 생성하지 못하는 점은 한계였다. 와이어프레임 생성 도구로는 피그마 플러그인 Wireframe Designer, Uizard, Galileo AI를 비교 검토했으며, AI 생성 결과를 그대로 쓰기보다 팀 검토를 통해 최종 화면 구조를 정리하는 방식이 효과적이었다.

핵심 내용

  • 커서는 VSCode 포크로 기존 환경 그대로 사용 가능하며 진입장벽이 낮음
  • 리포지터리 맥락 기반 자동 완성이 코파일럿 대비 더 정교함
  • 개발 문서 학습 기능으로 최신 API도 정확하게 대응 가능
  • 컴포저: 프롬프트만으로 파일 생성·수정·삭제 + 체크포인트 이력 관리
  • AI 생성 코드는 반드시 검토 필요, 사용 횟수 제한도 실무에서 주의해야 함
  • 챗GPT를 활용한 IA 구성 및 와이어프레임 생성은 빠른 초안 제작에 유용하나 팀 검토 필수
  • Figma 플러그인 개발에 Cursor 활용: API 문서 학습 후 프롬프트로 플러그인 기능 구현 (약 2~3시간)

관련 개념

출처

최종 업데이트: 2026-04-06 | 출처 3개