개발환경 구축 (3) 썸네일형 리스트형 Cursor + Figma MCP 가이드 - 문제 해결 및 고급 활용법 🎯 이번 편에서 배울 내용자주 발생하는 문제와 해결 방법고급 프롬프트 기법워크플로우 최적화팀 협업 팁생산성 향상 도구Part 1: 문제 해결 가이드문제 1: Figma MCP 연결 실패증상:"Failed to connect to MCP server""MCP server not found"도구 목록이 비어있음해결 단계:1단계: 기본 확인 체크리스트:□ Cursor가 최신 버전인가?□ Node.js가 설치되어 있나?□ mcp.json 파일이 올바른 위치에 있나?□ API 토큰이 유효한가?2단계: mcp.json 검증.cursor/mcp.json 파일 열기JSON 문법 검증: https://jsonlint.com토큰 값 확인 (공백, 줄바꿈 없음)3단계: 명령 프롬프트에서 직접 테스트 bashnpx fi.. Cursor + Figma MCP 가이드 - Cursor와 Figma MCP 연동하기 연동 확인 프로세스지금까지 우리는:✅ Cursor 설치✅ Figma 계정 생성✅ API 토큰 발급✅ Node.js 설치✅ MCP 서버 설정이제 모든 부품이 제대로 연결되었는지 확인할 차례입니다!Step 1: MCP 서버 상태 상세 확인1-1. Cursor 설정 열기Cursor를 실행합니다우측 상단의 설정 아이콘 ⚙️ 클릭또는 단축키: Ctrl + ,1-2. MCP 섹션 찾기좌측 메뉴에서 다음 중 하나를 찾습니다:"MCP""Tools""MCP Servers"클릭하여 MCP 설정 페이지를 엽니다1-3. 서버 상태 확인"Framelink Figma MCP" 항목을 찾습니다:정상 상태:✅ Framelink Figma MCP Status: Connected Tools: 5 available [🟢 ON.. Cursor + Figma MCP 가이드 - Cursor AI 설치 및 기본 설정 Cursor AI란?Cursor는 AI가 탑재된 코드 에디터입니다. 마이크로소프트의 VS Code를 기반으로 만들어져서 사용법이 비슷하지만, AI가 코드를 자동으로 작성해주는 기능이 추가되어 있습니다. 쉽게 말하면 "AI 비서가 달린 코딩 프로그램"이라고 생각하시면 됩니다. 설치 전 준비사항Windows 11 운영체제최소 4GB RAM (8GB 이상 권장)1GB 이상의 여유 저장 공간인터넷 연결tep 1: Cursor 다운로드1-1. 공식 웹사이트 접속인터넷 브라우저(크롬, 엣지 등)를 실행합니다주소창에 https://cursor.com 을 입력하고 Enter를 누릅니다메인 페이지가 나타납니다1-2. 다운로드 버튼 클릭페이지 중앙에 있는 "Download for Windows" 버튼을 클릭합니다파일이 다.. 이전 1 다음