Cursor MCP 완전정복: AI 에이전트가 Slack·Figma·GitHub를 직접 조작하는 법
Cursor MCP를 연동하면 AI 에이전트가 코드 에디터를 벗어나 실무 도구 전체를 자율 조작합니다. 2026년 현재, 한국어 심층 가이드가 없는 이 주제를 완전히 정복합니다.
⚡ Figma 연동
🐙 GitHub 자동화
🔒 보안 핵심 정리
2026년 최신 기준
MCP란 무엇인가? — AI 에이전트의 ‘USB-C 포트’
Cursor MCP(Model Context Protocol)는 2024년 11월 Anthropic이 공개한 개방형 표준 프로토콜입니다. 핵심을 한 문장으로 표현하면, “LLM이 외부 도구·데이터·서비스와 안전하게 통신할 수 있도록 만든 공통 언어”입니다. 마치 USB-C 포트가 어떤 기기든 동일한 방식으로 연결해 주듯, MCP는 AI 모델과 외부 시스템 사이의 연결 방식을 표준화합니다.
MCP 이전에는 Cursor, Claude, GPT 등 AI 도구를 Figma·GitHub·Slack과 연결하려면 각 서비스마다 별도의 커스텀 API 통합을 개발해야 했습니다. 이를 전문 용어로 ‘N×M 문제’라고 부릅니다. AI 모델이 N개, 외부 도구가 M개라면 최대 N×M개의 커스텀 연결이 필요했던 것이죠. MCP는 이 복잡도를 단번에 해소합니다.
MCP의 3가지 핵심 구성요소
MCP 아키텍처는 호스트(Host), 클라이언트(Client), 서버(Server)로 구성됩니다. Cursor는 MCP 호스트 역할을 하며, 내부의 MCP 클라이언트가 외부 MCP 서버와 JSON-RPC 2.0 메시지를 통해 통신합니다. 서버는 로컬로 실행할 수도 있고(stdio 방식), 원격 클라우드에서 실시간 스트리밍으로 받아올 수도 있습니다(SSE 방식).
| 구분 | 역할 | 예시 |
|---|---|---|
| MCP 호스트 | LLM을 포함한 AI 애플리케이션 | Cursor, Claude Code |
| MCP 클라이언트 | 호스트와 서버 간 중계 번역기 | Cursor 내장 클라이언트 |
| MCP 서버 | 외부 데이터·기능을 LLM에 제공 | Figma MCP, GitHub MCP |
Cursor에서 MCP가 작동하는 원리
Cursor의 Agent 모드는 MCP 연동 시 완전히 다른 차원의 자율성을 발휘합니다. 기존 Chat/Composer 모드가 코드 생성 중심이었다면, Agent + MCP는 “계획 수립 → 외부 도구 호출 → 결과 확인 → 반복 개선”의 루프를 스스로 실행합니다. 예를 들어 “이번 스프린트에서 해결되지 않은 GitHub 이슈 목록을 정리해 줘”라고 요청하면, Cursor Agent가 GitHub MCP 서버를 호출해 이슈를 조회하고, 우선순위를 분석한 뒤, 결과를 마크다운 표로 정리해 줍니다 — 코드 한 줄 없이.
mcp.json — MCP 설정 파일의 구조
Cursor의 MCP 설정은 프로젝트 루트 혹은 글로벌 경로에 위치한 mcp.json 파일로 관리됩니다. 구조는 간단합니다.
{
"mcpServers": {
"github": {
"command": "npx",
"args": ["-y", "@modelcontextprotocol/server-github"],
"env": {
"GITHUB_PERSONAL_ACCESS_TOKEN": "your_token_here"
}
},
"figma": {
"command": "npx",
"args": ["-y", "figma-developer-mcp", "--figma-api-key=YOUR_KEY"]
}
}
}
Cursor 설정에서 Settings → Tools & Integrations → MCP 메뉴를 열면 위 JSON을 직접 편집하거나 UI를 통해 서버를 추가할 수 있습니다. 서버가 정상 연결되면 “Connected” 상태 배지가 초록색으로 표시됩니다.
2026년 추천 MCP 서버 TOP 5 & 설치 가이드
2026년 현재 공개된 MCP 서버는 Smithery(smithery.ai), Cursor Directory(cursor.directory/mcp) 등 디렉토리를 통해 수백 개를 검색할 수 있습니다. 실무에서 즉각 활용도가 높은 5종을 선별했습니다.
| 서버명 | 주요 기능 | 설치 명령 | 난이도 |
|---|---|---|---|
| GitHub MCP | PR 생성·이슈 조회·브랜치 관리 | @modelcontextprotocol/server-github |
⭐⭐ |
| Figma MCP | 디자인 레이아웃 → 코드 자동 변환 | figma-developer-mcp |
⭐⭐ |
| Supabase MCP | DB 쿼리·테이블 조작·RLS 설정 | @supabase/mcp-server-supabase |
⭐⭐⭐ |
| Sequential Thinking | 복잡한 문제 단계적 추론 강화 | Smithery에서 1클릭 설치 | ⭐ |
| Browser Tools MCP | AI가 실시간 브라우저 조작·스크린샷 | @agentdesks/browser-tools-mcp |
⭐⭐⭐ |
Smithery로 MCP 1분 설치하기
가장 쉬운 방법은 Smithery를 활용하는 것입니다. smithery.ai에 접속해 원하는 MCP 서버를 검색한 뒤, 복사 버튼으로 명령어를 가져와 Cursor의 MCP 설정창에 붙여넣으면 끝입니다. 직접 npm을 다루지 않아도 되므로 비개발자에게도 진입 장벽이 낮습니다.
Sequential Thinking 서버는 특히 인상적입니다. 이 MCP는 AI가 해결하기 어려운 문제에 직면했을 때 인간의 사고방식처럼 단계별로 추론 과정을 기록하고 수정하게 만들어 줍니다. 지난달 기준 43,000회 이상 사용되었으며, 코드 디버깅 시 “왜 이 방법은 안 되는가”부터 체계적으로 분석해 나가는 모습을 실제로 확인할 수 있습니다.
Figma MCP 연동 — 디자인을 코드로 즉시 변환
Figma MCP 연동은 2026년 현재 프론트엔드 개발 워크플로우에서 가장 혁신적인 변화 중 하나입니다. 전통적인 흐름은 “디자이너가 Figma 시안 완성 → 개발자가 시안 보면서 수동 코딩”이었지만, Figma MCP를 활용하면 Cursor Agent가 Figma 파일을 직접 읽어 React, Next.js, Tailwind 코드를 즉시 생성합니다.
연동 2단계 빠른 설정
1Figma 데스크톱 앱에서 활성화 — Figma 앱을 최신 버전으로 업데이트한 후, Preferences → Enable Dev Mode MCP Server를 켭니다. 데스크톱 MCP 서버가 로컬 포트로 실행되기 시작합니다.
2Cursor mcp.json에 Figma 서버 추가 — 아래와 같이 설정 파일을 수정하면 Cursor Agent가 Figma MCP에 접근할 수 있습니다.
{
"mcpServers": {
"figma": {
"command": "npx",
"args": [
"-y",
"figma-developer-mcp",
"--figma-api-key=YOUR_FIGMA_API_KEY",
"--stdio"
]
}
}
}
이후 Cursor Agent 창에서 “이 Figma 파일의 로그인 화면을 Next.js + Tailwind로 구현해 줘”라고 입력하면, Agent가 MCP를 통해 Figma 레이어 구조를 분석하고 실제 컴포넌트 코드를 생성합니다. 개인적으로 테스트해 본 결과, 정확도가 완벽하진 않지만 전체 레이아웃의 70~80%를 초안으로 받아볼 수 있어 코딩 시간이 극적으로 단축됩니다.
GitHub MCP 연동 — PR·이슈를 AI가 처리한다
GitHub MCP는 개발자가 가장 체감하는 생산성 향상을 제공합니다. Cursor Agent에게 “현재 브랜치의 변경사항으로 PR을 만들어 줘. 이슈 #42와 연결하고 리뷰어는 팀장으로 지정해”라고 자연어로 지시하면, Agent가 git diff를 분석하고 커밋 메시지를 작성한 뒤, GitHub API를 통해 PR을 자동 생성합니다. 이는 단순한 코드 생성이 아닌, 실제 GitHub 저장소에 영향을 미치는 실행입니다.
GitHub MCP 설치 및 권한 설정
GitHub Personal Access Token(PAT)을 먼저 발급해야 합니다. GitHub → Settings → Developer settings → Personal access tokens → Fine-grained tokens에서 토큰을 생성하고, 필요한 최소 권한(contents: read/write, issues: write, pull-requests: write)만 부여합니다. 발급한 토큰은 .env 파일에 저장하고 mcp.json에서 환경변수로 참조하는 방식을 권장합니다.
Cursor Rules로 자동화 워크플로 고정하기
Cursor의 Rules 기능과 GitHub MCP를 결합하면 팀 전체의 PR 생성 워크플로를 표준화할 수 있습니다. .cursor/rules/ 폴더에 마크다운 파일을 생성하고, PR 생성 시 따라야 할 커밋 메시지 형식, 브랜치 네이밍 규칙, 필수 테스트 실행 여부를 Rules로 정의해 두면 Agent가 항상 동일한 기준으로 PR을 만들어 냅니다.
MCP 보안 원칙 — 이것 모르면 데이터 털린다
MCP가 강력한 만큼 보안 리스크도 명확히 존재합니다. MCP 서버는 연결된 도구를 통해 실제 데이터 읽기·쓰기·코드 실행까지 가능하기 때문에, 설정을 잘못하면 의도치 않은 데이터 유출이나 저장소 오염으로 이어질 수 있습니다. 구글 클라우드가 공식 문서에서 제시한 MCP 보안 5원칙은 반드시 숙지해야 합니다.
| 보안 원칙 | 실천 방법 |
|---|---|
| 사용자 동의 및 제어 | 모든 MCP 도구 호출 전 사용자 승인 화면 확인 |
| 데이터 개인정보 보호 | API 키·토큰을 .env로 분리, .gitignore 처리 필수 |
| 도구 안전성 | 공식 MCP 서버만 사용, 출처 불명 서버 설치 금지 |
| 안전한 출력 처리 | MCP 출력물을 웹에 그대로 렌더링 시 XSS 취약 여부 검토 |
| 모니터링 및 감사 | MCP 서버 호출 로그 주기적 확인, 이상 트래픽 감지 |
특히 주의할 점은, 외부에서 배포된 비공식 MCP 서버는 악성 도구가 포함될 위험이 있다는 것입니다. 공식 Anthropic MCP 레포지토리(github.com/modelcontextprotocol/servers) 또는 Smithery에서 검증된 서버를 우선 사용하고, 스타 수와 최근 커밋 날짜를 반드시 확인하는 습관을 들이세요.
비개발자도 쓸 수 있는 Cursor MCP 실전 활용 시나리오
“Cursor는 개발자 전용 도구 아닌가?”라고 생각하기 쉽지만, MCP를 활용한 실제 시나리오를 보면 생각이 바뀝니다. 코드를 전혀 모르는 기획자나 디자이너도 아래 시나리오처럼 MCP의 가치를 실감할 수 있습니다.
시나리오 1: 기획자의 스프린트 자동화
GitHub MCP + Slack MCP를 연동하면, “이번 주 종료된 이슈들을 정리해서 팀 슬랙 채널에 주간 보고 형식으로 보내 줘”라는 한 문장이 실제 Slack 메시지 발송까지 이어집니다. 스프린트 리포팅에 매주 30~40분을 쓰던 기획자가 이 시나리오를 적용하면 5분 이내로 줄어듭니다.
시나리오 2: 디자이너의 디자인-개발 간극 제거
Figma MCP를 활용하면 디자이너가 직접 “이 컴포넌트를 React 코드로 뽑아줘”라고 요청할 수 있습니다. 개발자를 기다리는 시간 없이, 프로토타입 수준의 코드를 즉시 확인하고 피드백 루프를 빠르게 돌릴 수 있습니다. 완성도 100%를 기대하긴 어렵지만, 커뮤니케이션 비용을 대폭 줄이는 ‘첫 번째 초안’ 도구로서 가치가 큽니다.
시나리오 3: 1인 개발자의 풀스택 자동화
Supabase MCP + GitHub MCP + Vercel MCP를 모두 연결하면, “users 테이블에 email_verified 컬럼 추가하고, 마이그레이션 파일 만들고, PR 올리고, 스테이징 배포까지 해줘”라는 자연어 한 줄이 DB 스키마 변경부터 배포까지 전체 파이프라인을 실행합니다. 개인적으로 이 시나리오를 실제로 써본 뒤 “이게 정말 되는구나”를 실감했습니다. 혼자서 팀 하나의 속도를 내는 것이 2026년 1인 개발자의 현실이 되고 있습니다.
Q&A — 자주 묻는 질문 5가지
Cursor MCP는 무료로 쓸 수 있나요?
MCP 프로토콜 자체는 오픈소스이며 무료입니다. 다만 Cursor의 Agent 모드 사용은 Cursor Pro(월 20달러) 또는 Business 플랜이 필요합니다. MCP 서버 자체는 대부분 무료이지만, 연동하는 외부 서비스(Figma Dev Mode, GitHub Enterprise 등)에 따라 해당 서비스의 요금제가 필요할 수 있습니다.
MCP 서버를 직접 만들 수 있나요?
네, 가능합니다. Anthropic이 공개한 MCP SDK(TypeScript/Python)를 활용하면 자체 MCP 서버를 구현할 수 있습니다. 회사 내부 ERP, 사내 위키, 사내 데이터베이스 등을 연결하고 싶다면 직접 MCP 서버를 개발하는 방식이 가장 유연합니다. 공식 GitHub 레포지토리의 예제 코드를 참고하면 기초적인 서버를 2~3시간 안에 만들 수 있습니다.
MCP와 기존 Cursor의 @웹 검색, @Docs 기능은 어떻게 다른가요?
@웹, @Docs는 정보를 ‘가져와서 읽는’ 단방향 컨텍스트 주입입니다. 반면 MCP는 외부 시스템과 ‘양방향으로 상호작용하며 실제 작업을 실행’합니다. 쉽게 말해 @Docs는 책을 읽는 것이고, MCP는 직접 서비스에 로그인해서 버튼을 누르는 것에 가깝습니다. 목적과 사용 맥락이 완전히 다릅니다.
Windows에서도 Cursor MCP를 똑같이 쓸 수 있나요?
네, 사용 가능합니다. 단, stdio 방식의 로컬 MCP 서버는 Node.js 환경이 필요하므로 Node.js를 먼저 설치해야 합니다. WSL2(Windows Subsystem for Linux) 환경에서 더 안정적으로 동작한다는 사용자 후기가 많으므로, 윈도우 환경이라면 WSL2 기반 설정을 추천합니다.
MCP 연동 후 AI가 실수로 데이터를 삭제하거나 PR을 잘못 올리면 어떻게 되나요?
이것이 MCP의 가장 현실적인 리스크입니다. Cursor Agent는 기본적으로 중요한 작업 전 사용자 확인을 요청하도록 설계되어 있지만, 완벽하지 않습니다. GitHub 저장소는 반드시 브랜치 보호 규칙(Branch Protection Rules)을 설정하고, Supabase 등 DB 연동 시에는 읽기 전용 권한의 별도 서비스 키를 사용하는 것을 강력히 권장합니다. 실수를 100% 막기보다는 실수가 발생해도 복구 가능한 환경을 만드는 것이 핵심입니다.
마치며 — Cursor MCP, 지금 시작해야 하는 이유
Cursor MCP는 단순한 플러그인이 아닙니다. AI 에이전트가 코드 에디터를 벗어나 실제 업무 도구 전체를 자율적으로 조작하는 시대의 입구입니다. Figma로 디자인하고, GitHub에서 협업하고, Slack으로 소통하는 모든 워크플로가 하나의 자연어 명령으로 연결되는 이 구조는, 개발자와 비개발자 모두의 일하는 방식을 근본적으로 바꾸고 있습니다.
물론 아직 한계도 있습니다. MCP 서버의 안정성은 서비스마다 다르고, 복잡한 멀티스텝 태스크에서 에이전트가 중간에 방향을 잃는 경우도 존재합니다. 하지만 2026년 현재 속도로 생태계가 확장되고 있다면, 6개월 뒤의 완성도는 지금과 비교할 수 없을 만큼 높아질 것입니다.
지금 당장 Smithery에서 Sequential Thinking 하나만 설치해 보세요. “이것도 되는구나”를 느끼는 순간부터, MCP 연동의 범위는 자연스럽게 넓어질 것입니다.
※ 본 포스팅은 2026년 3월 기준 공개된 정보를 바탕으로 작성되었습니다. Cursor 및 MCP 관련 기능·요금·정책은 서비스 업데이트에 따라 변경될 수 있으므로, 최신 내용은 Cursor 공식 문서(cursor.com/docs)를 직접 확인하시기 바랍니다. 외부 MCP 서버 사용에 따른 데이터 보안 및 서비스 이용은 사용자 본인의 책임입니다.

댓글 남기기