์๋ ํ์ธ์, FlipB ๊ฐ๋ฐํ Colin์ ๋๋ค.
์ต๊ทผ AI ์ ๊ณ์ ํ๋๋ ๋จ์ฐ MCP(Model Context Protocol)์ ๋๋ค. ๋จ์ํ ์ง๋ฌธ์ ๋ตํ๋ AI๋ฅผ ๋์ด, AI๊ฐ ์ง์ ์ํํธ์จ์ด๋ฅผ ์กฐ์ํ๊ณ ์ ๋ฌด๋ฅผ ์ํํ๋ ์๋๊ฐ ์ด๋ ธ๊ธฐ ๋๋ฌธ์ด์ฃ . ์ค๋์ MCP์ ํต์ฌ ์ญํ ์ธ LLM์๊ฒ ์ธ๋ถ ‘๋๊ตฌ(Tool)’๋ฅผ ํ์ฉํ ์ ์๋ ๋ฅ๋ ฅ์ ๋ถ์ฌํ๋ ๋ฉ์ปค๋์ฆ์ ๋ํด ์ง์ค์ ์ผ๋ก ๋ค๋ค๋ณด๊ฒ ์ต๋๋ค.
๐ MCP, “์ง์”์์ “ํ๋”์ผ๋ก์ ์งํ
์ด๊ธฐ์ LLM์ ํ ์คํธ ์์ฑ์๋ ํ์ํ์ง๋ง, ์ค์ ์ธ๊ณ์ ๋ฐ์ดํฐ๋ฅผ ์ฒ๋ฆฌํ๋ ๋ฐ๋ ํ๊ณ๊ฐ ์์์ต๋๋ค. “์ค๋ ์์ธ ๋ ์จ๋ฅผ ์๋ ค์ค”๋ผ๋ ์ง๋ฌธ์ LLM์ด ์ค์๊ฐ ์ ๋ณด๋ฅผ ๊ฐ์ ธ์ค์ง ๋ชปํ๋ ์ด์ ๋ ์ธ๋ถ API๋ฅผ ํธ์ถํ๊ฑฐ๋ DB๋ฅผ ์กฐํํ๋ ‘ํ๋(Action)’์ ํ ์ ์์๊ธฐ ๋๋ฌธ์ ๋๋ค.
์ด๋ฌํ ํ๊ณ๋ฅผ ๊ทน๋ณตํ๊ธฐ ์ํด ๋ฑ์ฅํ ๊ฒ์ด ๋ฐ๋ก MCP์ ๋๋ค. ๋ง์น ์ฌ๋์ด ๊ณ์ฐ๊ธฐ๊ฐ ํ์ํ ๋ ๊บผ๋ด ์ฐ๋ฏ, LLM๋ ํน์ ๊ธฐ๋ฅ์ด ํ์ํ ๋ ํด๋น ๊ธฐ๋ฅ์ ์ํํ๋ ๋๊ตฌ๋ฅผ ํธ์ถํ ์ ์๋๋ก ํ์คํํ ์ง์นจ์ด์ ํ๋ ์์ํฌ์ ๋๋ค.
๐จ ์ค์ ํ์ฉ ์์: MCP๊ฐ ์ฅ์ด์ค “์ ๋ฌธ๊ฐ์ ๋๊ตฌ”
MCP๋ LLM์ด ๋จ์ํ ํ ์คํธ๋ฅผ ๋์ด ์ ๋ฌธ์ ์ธ ์ํํธ์จ์ด์ ๊ธฐ๋ฅ์ ์ง์ ์ ์ดํ๊ฒ ๋ง๋ญ๋๋ค.
1. Adobe Photoshop: AI๊ฐ ์ง์ ์ํํ๋ ๋ฆฌํฐ์นญ
๊ธฐ์กด AI๊ฐ ์ด๋ฏธ์ง๋ฅผ ํต์งธ๋ก ์์ฑํ๋ค๋ฉด, MCP๋ฅผ ์ฅ์ฐฉํ LLM์ ํฌํ ์ต์ ๊ธฐ๋ฅ์ ‘๋๊ตฌ’๋ก ์ธ์ํด ์ ๊ตํ๊ฒ ์กฐ์ํฉ๋๋ค.
- ํ์ฉ ์์: “์ฌ์ง ๋ฐฐ๊ฒฝ์ ํ๋์ ๊ทธ๋ผ๋ฐ์ด์ ์ผ๋ก ๋ฐ๊พธ๊ณ , ์ค์์ ‘Hello World’ ๋ฌธ๊ตฌ๋ฅผ ๋ฃ์ด์ค.”
- ์๋ ์๋ฆฌ: LLM์ MCP ์๋ฒ๋ฅผ ํตํด ํฌํ ์ต์
create_layer,apply_filter๋ฑ์ ๋๊ตฌ๋ฅผ ํธ์ถํฉ๋๋ค. AI๊ฐ ๋ด๋ถ ๊ธฐ๋ฅ์ ์ง์ ์กฐ์ํ๋ ๊ฒ์ด์ฃ .
2. Figma: ๋์์ธ์ ์ฝ์ด ์ฝ๋๋ก ๋ง๋๋ UI ์์ง๋์ด๋ง
ํผ๊ทธ๋ง์ MCP ์๋ฒ๋ ๋์์ธ ์์๋ฅผ ‘๊ตฌ์กฐํ๋ ๋ฐ์ดํฐ’๋ก ์ ๋ฌํฉ๋๋ค.
- ํ์ฉ ์์: “์ด ๋ก๊ทธ์ธ ์นด๋ ์ปดํฌ๋ํธ๋ฅผ Tailwind CSS ๊ธฐ๋ฐ์ React ์ฝ๋๋ก ๋ณํํด์ค.”
- ์๋ ์๋ฆฌ: LLM์
get_figma_component๋๊ตฌ๋ก ์์ ์ฝ๋(Design Tokens), ๊ฐ๊ฒฉ ์ ๋ณด ๋ฑ์ ๋ฐ์ดํฐ๋ก ์ฝ์ด์ต๋๋ค. ์ง์์ด ์๋ ์ ํํ ์์น ์ ๋ณด๋ฅผ ๋ฐํ์ผ๋ก ์ฝ๋๋ฅผ ์์ฑํฉ๋๋ค.
โ๏ธ ์์ฉ SaaS vs ๐ ๏ธ ์ง์ ๊ตฌ์ถํ๋ MCP
MCP์ ์ํ๊ณ๋ ํฌ๊ฒ ๋ ๊ฐ๋๋ก ๋๋ฉ๋๋ค.
1. ์์ฉ SaaS์ “์ค๋น๋ ๋๊ตฌ ์์”
์ต๊ทผ ๋ง์ ์๋น์ค๊ฐ ๊ณต์ MCP ์๋ฒ๋ฅผ ์ถ์ํ๊ณ ์์ต๋๋ค. ์ค์น ์ฆ์ ์ฌ์ฉ ๊ฐ๋ฅํ(Plug-and-Play) ๊ฒ์ด ํน์ง์ ๋๋ค.
- Google & Cloudflare: ๋ฐ์ดํฐ๋ฒ ์ด์ค(D1), ํ์ผ ์ ์ฅ(R2), ์บ๋ฆฐ๋ ๊ด๋ฆฌ ๋๊ตฌ ์ ๊ณต.
- Slack & GitHub: ๋ฉ์์ง ์ ์ก, ์ด์(Issue) ์ ๋ฆฌ, PR ๋ถ์ ๊ธฐ๋ฅ์ AI์๊ฒ ์์.
- Financial Data: ์ค์๊ฐ ์ฃผ๊ฐ ์กฐํ๋ฅผ ํตํด AI๊ฐ ์์ฅ ๋ถ์๊ฐ ์ญํ ์ ์ํ.
2. ์ง์ ๊ตฌ์ถํ๋ “๋ ๊ฑฐ์์ ํ๋ คํ ๋ณ์ ”
MCP์ ์ง์ ํ ๊ฐ์น๋ ์ฌ๋ด์ ‘์ค๋๋ ๋ ๊ฑฐ์ ์์คํ ’์ AI์ ๋๊ตฌ๋ก ๋ณํํ ๋ ๋น๋ฉ๋๋ค.
- Wrapping: ์์ญ ๋ ๋ ์ฌ๊ณ ๊ด๋ฆฌ ์์คํ ์ MCP SDK๋ก ๊ฐ์ธ๊ธฐ๋ง ํ๋ฉด ๋ฉ๋๋ค. “์ํ ID๋ฅผ ๋ฃ์ผ๋ฉด ์ฌ๊ณ ๋์ ๋ฐํํ๋ค”๋ ์ ์๋ง ํด์ฃผ๋ฉด AI๊ฐ ์ด๋ฅผ ์ดํดํฉ๋๋ค.
- SDK ์ง์:
- Node.js: TypeScript ํ๊ฒฝ์์ ์์ ์ ์ธ ๋๊ตฌ ์๋ฒ ๊ตฌ์ถ ์ง์.
- Python:
FastMCP๋ผ์ด๋ธ๋ฌ๋ฆฌ์@mcp.tool๋ฐ์ฝ๋ ์ดํฐ๋ก ๋จ ๋ช ์ค ๋ง์ ๋๊ตฌํ ๊ฐ๋ฅ.
๐ ๋ง์น๋ฉฐ: ๋๊ตฌ๋ฅผ ๋ AI, ์คํ๋ ฅ์ ์๋
MCP๋ LLM์๊ฒ ๋จ์ํ ‘์ง์’์ด ์๋ ‘์คํ๋ ฅ’์ ๋ถ์ฌํฉ๋๋ค.
์ ์๊ณ ์๋ ์ฌ๋ด์ ๋ ๊ฑฐ์ ์ฝ๋์ ์์คํ
์ MCP๋ก ์ ํํ๋ ๊ฒ์, ๊ทธ๊ฒ๋ค์ ์ต์ฒจ๋จ AI ์์ด์ ํธ์ ์๋ฐ๋ก ๋ง๋ค์ด์ฃผ๋ ์์
์
๋๋ค.
์ต๊ทผ๋ค์ด ์ฌ๋ด์ ์ง์ AI Agent๋ฅผ ๊ตฌ์ถํ๊ณ ํ์ฉํ๋ ๊ธฐ์
์ด ๋ง์์ง๊ณ ์์ต๋๋ค.
์ง์ ๊ตฌ์ถํ๋ AI Agent์ ์ ์ ํ MCP๋ฅผ ์ฐ๊ฒฐํ๊ณ , ๊ธฐ์กด ๋ ๊ฑฐ์ ์์คํ
์ MCP๋ก ์ ํํ์ฌ ์
๋ฌดํจ์จ์ ๊ทน๋ํํด๋ณด์๋๊ฑด ์ด๋จ๊น์?