· Working
MCP là gì? Nối Claude với Figma, Slack và Notion
MCP (Model Context Protocol) là chuẩn mở để Claude đọc dữ liệu và thao tác trên công cụ bạn đang dùng. Bài giải thích MCP ở mức khái niệm, cách thêm server vào Claude Code bằng lệnh claude mcp add, ba phạm vi cài đặt và rủi ro khi cài server từ nguồn lạ.
MCP (Model Context Protocol) là chuẩn mở giúp ứng dụng AI như Claude kết nối với công cụ và dữ liệu bên ngoài. Mỗi công cụ cung cấp một "MCP server". Bạn thêm server vào Claude Code bằng lệnh claude mcp add, đăng nhập qua /mcp, rồi Claude đọc được file Figma, tin nhắn Slack hay trang Notion của bạn.
Bài này trả lời câu hỏi ở mức khái niệm: MCP là gì, chạy ra sao, cài thế nào cho an toàn. Phần làm việc cụ thể với Figma (lấy token, dựng component, giới hạn lượt gọi) tôi đã viết riêng trong bài Figma MCP và Claude Code. Mọi lệnh dưới đây tôi kiểm trên tài liệu chính thức ngày 05/10/2026.
MCP là gì?
Theo trang chính thức modelcontextprotocol.io, MCP là một chuẩn mã nguồn mở để kết nối ứng dụng AI với hệ thống bên ngoài. Trang đó dùng hình ảnh cổng USB-C: thay vì mỗi thiết bị một kiểu dây, mọi thứ cắm chung một chuẩn.
Trước khi có chuẩn này, muốn Claude đọc Notion thì ai đó phải viết riêng một bản tích hợp cho Claude, rồi viết lại lần nữa cho công cụ AI khác. Với MCP, Notion viết một server, và mọi ứng dụng hỗ trợ MCP đều nối vào được. Claude, ChatGPT, VS Code, Cursor đều nằm trong danh sách hỗ trợ.
Với designer, điều này có nghĩa là bạn không còn phải chụp màn hình Figma hay chép đoạn chat Slack để dán vào khung chat. Claude tự lấy phần cần, đúng lúc cần.
MCP hoạt động thế nào?
Tài liệu kiến trúc của MCP chia ra ba vai:
- Host: ứng dụng AI bạn đang dùng, ví dụ Claude Code hay Claude Desktop.
- Client: phần bên trong host giữ kết nối tới một server. Mỗi server có một client riêng.
- Server: chương trình cung cấp dữ liệu và thao tác. Figma, Notion, Slack mỗi bên có server của mình.
Server có thể chạy ngay trên máy bạn (gọi là server local, giao tiếp qua stdio) hoặc chạy trên máy chủ của hãng (server remote, giao tiếp qua Streamable HTTP). Phần lớn server của các hãng lớn hiện là remote, nên bạn chỉ cần một đường link và một lần đăng nhập.
Một server đưa cho Claude ba loại thứ:
| Loại | Là gì | Ví dụ với designer |
|---|---|---|
| Tools | Hàm Claude gọi được để làm việc | Đọc variable của một frame Figma, tìm tin nhắn Slack |
| Resources | Dữ liệu làm ngữ cảnh | Nội dung một trang Notion, cấu trúc một file |
| Prompts | Mẫu câu lệnh dựng sẵn | Prompt create_design_system_rules của Figma |
Khi bạn yêu cầu "đọc trang spec trên Notion rồi đối chiếu với frame này", Claude chọn tool phù hợp từ các server đang kết nối, gọi nó, nhận kết quả, rồi tiếp tục làm việc.
MCP khác gì skill và plugin?
Ba khái niệm này hay bị trộn vào nhau vì chúng thường xuất hiện cùng lúc.
| Cho Claude cái gì | Nằm ở đâu | |
|---|---|---|
| MCP server | Quyền đọc và thao tác trên công cụ khác | Cấu hình trong ~/.claude.json hoặc .mcp.json |
| Skill | Hướng dẫn làm một việc theo cách của bạn | Thư mục có file SKILL.md |
| Plugin | Gói đóng sẵn, có thể chứa cả MCP server lẫn skill | Cài từ chợ plugin |
Ví dụ thật: plugin Figma chính thức gồm cấu hình MCP server và một bộ skill hướng dẫn Claude dùng các tool đó. Về skill, tôi viết riêng bài Skills trong Claude Code.
Thêm MCP server vào Claude Code như thế nào?
Nếu bạn mới làm quen với Claude, đọc Claude là gì trước. Nếu máy bạn chưa có Claude Code, đọc bài cài đặt Claude Code. Sau đó làm theo bốn bước:
-
Tìm địa chỉ server chính thức trong tài liệu của hãng phần mềm.
-
Thêm server bằng lệnh
claude mcp add. Với server remote:claude mcp add --transport http <tên> <url>Với server local, phần lệnh chạy server đứng sau dấu
--:claude mcp add [options] <tên> -- <lệnh> [tham số...] -
Đăng nhập. Mở Claude Code, gõ
/mcp, chọn server, làm theo bước đăng nhập trên trình duyệt. -
Kiểm tra. Gõ lại
/mcpđể xem trạng thái, hoặc chạyclaude mcp listngoài terminal.
Ba công cụ trong tiêu đề bài, theo tài liệu của từng bên:
| Công cụ | Cách nối | Lưu ý |
|---|---|---|
| Notion | claude mcp add --transport http notion https://mcp.notion.com/mcp | Lệnh này có trong tài liệu Claude Code |
| Figma | claude plugin install figma@claude-plugins-official | Chi tiết trong bài Figma MCP và Claude Code |
| Slack | Server chính thức ở https://mcp.slack.com/mcp | Slack ghi Claude Code là client được hỗ trợ; admin workspace phải duyệt ứng dụng |
Với Slack, tôi không đưa lệnh claude mcp add vì tài liệu của Slack yêu cầu ứng dụng đã đăng ký và được admin duyệt. Nếu công ty bạn dùng Slack, hỏi admin trước khi thử.
Cài cho một dự án hay cho mọi dự án?
Cờ --scope quyết định server có mặt ở đâu:
| Phạm vi | Có mặt ở | Chia sẻ với đội | Lưu tại |
|---|---|---|---|
local (mặc định) | Chỉ dự án hiện tại | Không | ~/.claude.json |
project | Chỉ dự án hiện tại | Có, qua git | .mcp.json ở gốc dự án |
user | Mọi dự án trên máy bạn | Không | ~/.claude.json |
Cách tôi chọn: server gắn với tài khoản cá nhân (Notion của tôi, Figma của tôi) để user. Server cả đội cần dùng giống nhau mới đưa vào .mcp.json. Repo của site này hiện chưa có file .mcp.json, nên không có cấu hình MCP nào đi theo git.
Ba lệnh quản lý hay dùng:
claude mcp list # xem mọi server đã thêm
claude mcp get notion # xem chi tiết một server
claude mcp remove notion # gỡ serverCài MCP server từ nguồn lạ có rủi ro gì?
Rủi ro lớn nhất được ghi ngay trong tài liệu. Trang MCP của Claude Code yêu cầu bạn kiểm xem mình có tin từng server không trước khi kết nối. Lý do: server lấy nội dung từ bên ngoài có thể đưa bạn vào rủi ro prompt injection, tức là trong dữ liệu trả về có câu lệnh giấu sẵn để điều khiển Claude làm việc bạn không yêu cầu.
Một MCP server có quyền đọc Notion hay Slack của bạn, và có thể có quyền ghi. Hãy coi việc cài server như cài một phần mềm có quyền vào tài khoản công việc.
Những gì tôi kiểm trước khi thêm một server:
- Ai phát hành. Ưu tiên server do chính hãng làm (Figma, Notion, Slack). Server từ một repo cá nhân thì đọc mã nguồn hoặc bỏ qua.
- Server xin quyền gì. Màn hình đăng nhập liệt kê quyền đọc và ghi. Chỉ cần đọc thì đừng cấp ghi.
- File
.mcp.jsonlạ trong repo. Khi bạn mở một dự án có.mcp.json, Claude Code hỏi bạn có duyệt các server trong đó không. Đọc file trước khi bấm đồng ý. Muốn đặt lại các lựa chọn đã duyệt, chạyclaude mcp reset-project-choices. - Đừng dán token vào lệnh rồi commit. Lệnh
claude mcp addnhận được--headerchứa khoá API. Cấu hình phạm viprojectthì đi theo git, nên khoá trong đó cũng đi theo.
Designer nên bắt đầu với server nào?
Bắt đầu với một server, nối vào công cụ bạn mở nhiều nhất trong ngày. Với tôi đó là Figma. Kết nối Figma giúp Claude đọc variable thật thay vì đoán màu từ ảnh chụp, và đó là bước tôi thấy có ích nhất khi giữ một design system nhất quán giữa file thiết kế và code.
Ba gợi ý nếu bạn mới làm quen:
- Đọc Claude Code cho designer để có quy trình chung trước khi thêm công cụ.
- Viết quy tắc thiết kế ra file, ví dụ
DESIGN.md, để Claude biết dữ liệu lấy từ Figma phải khớp với hệ thống nào. - Chỉ thêm server thứ hai khi bạn thấy mình lặp lại việc chép dán từ công cụ đó.
Cách tôi dựng hệ thống hơn 50 component cho phiên bản đầu của Joyme có trong case study Joyme. Nếu bạn muốn trao đổi về quy trình design sang code với AI, phần giới thiệu về tôi có cách liên hệ.
Nguồn
- Model Context Protocol, What is the Model Context Protocol (MCP)?
- Model Context Protocol, Architecture overview
- Anthropic, Connect Claude Code to tools via MCP
- Anthropic, Discover plugins
- Slack, Slack MCP server
- Figma, Remote server installation
Lệnh, phạm vi cài đặt và cảnh báo bảo mật kiểm theo các trang trên ngày 05/10/2026.
Câu hỏi thường gặp
- MCP là viết tắt của gì?
- MCP là Model Context Protocol, một chuẩn mã nguồn mở để ứng dụng AI kết nối với hệ thống bên ngoài như file, cơ sở dữ liệu, công cụ tìm kiếm hay phần mềm làm việc. Trang chính thức so sánh MCP với cổng USB-C: một kiểu cắm chung cho nhiều thiết bị.
- Lệnh thêm một MCP server vào Claude Code là gì?
- Với server từ xa, cú pháp là claude mcp add --transport http <tên> <url>. Ví dụ với Notion: claude mcp add --transport http notion https://mcp.notion.com/mcp. Sau đó gõ /mcp trong Claude Code để đăng nhập nếu server yêu cầu.
- MCP server có an toàn không?
- Tuỳ server. Tài liệu Claude Code yêu cầu bạn kiểm xem mình có tin server đó không trước khi kết nối, vì server lấy nội dung từ bên ngoài có thể đưa bạn vào rủi ro prompt injection. Ưu tiên server do chính hãng phần mềm phát hành.
- MCP khác gì skill trong Claude Code?
- MCP cho Claude quyền truy cập: đọc file Figma, tìm tin nhắn Slack, sửa trang Notion. Skill là file hướng dẫn dạy Claude làm một việc theo cách của bạn. Hai thứ thường đi cùng nhau, và plugin có thể đóng gói cả hai.
Có thể bạn quan tâm
Claude Code là gì? Cài đặt và chạy lệnh đầu tiên khi chưa biết code
Hướng dẫn cho người chưa từng mở terminal: Claude Code là gì, cần chuẩn bị gì, cài trên macOS và Windows, chạy phiên đầu tiên và sửa các lỗi hay gặp. Mọi lệnh lấy từ tài liệu chính thức của Anthropic.
Working· 2026-10-04
Claude Code cho designer: biến thiết kế Figma thành trang chạy được
Cách một designer dùng Claude Code để đưa thiết kế từ Figma thành trang web thật: chuẩn bị gì, viết quy tắc cho AI ra sao, quy trình sáu bước và những lỗi tôi đã gặp khi dựng chính site này.
Working· 2026-10-04
Claude là gì? Hướng dẫn cho người chưa dùng AI bao giờ
Claude là trợ lý AI của Anthropic. Bài này giải thích Claude làm được gì, gói miễn phí và trả phí khác nhau ra sao, cách mở cuộc trò chuyện đầu tiên, và những chỗ Claude hay sai mà người mới nên biết. Mọi tính năng và giá đều kiểm ở trang chính thức.
Working· 2026-10-04