유튜브블로그Top 10
내 프로필

데브허브 안내
소개업데이트 소식

데브허브 커뮤니티

개발자와 디자이너 능률 200%올려주는 전설의 mcp 조합 | 커서와 피그마, 깃허브 연결법

코딩알려주는누나

2025. 6. 10.

0

#frontend
#devops
  • 피그마 디자인을 HTML/CSS 웹페이지로 자동 변환 가능 🎨➡️💻
  • 피그마 플러그인을 통해 커서(Cursor)와 연동, MCP 서버 활용 🔗
  • 커서(Cursor) 내 MCP 설정에서 피그마 연동 주소 추가 ⚙️
  • 피그마 디자인 변경 시, 명령어로 다크 모드 등 스타일 변경 가능 🌙
  • 스플릿 키보드를 사용해 코딩 자세 교정 및 어깨 부담 완화 ⌨️
  • 스미더리 AI를 활용하여 깃허브(GitHub) 연동 및 자동 커밋/푸시 🤖
  • 깃허브 개인 접근 토큰(PAT) 발급 및 권한 설정 필요 🔑
  • 커서(Cursor) 터미널에서 명령어를 통해 깃허브 MCP 설치 가능 💻
  • 깃허브 리포지토리에 코드 업로드 및 업데이트를 명령어로 간편하게 실행 ⬆️

Recommanded Videos