Bỏ qua, sang nội dung chính
← Về danh sách

· 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ạiLà gìVí dụ với designer
ToolsHàm Claude gọi được để làm việcĐọc variable của một frame Figma, tìm tin nhắn Slack
ResourcesDữ liệu làm ngữ cảnhNội dung một trang Notion, cấu trúc một file
PromptsMẫu câu lệnh dựng sẵnPrompt 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 serverQuyền đọc và thao tác trên công cụ khácCấu hình trong ~/.claude.json hoặc .mcp.json
SkillHướng dẫn làm một việc theo cách của bạnThư mục có file SKILL.md
PluginGói đóng sẵn, có thể chứa cả MCP server lẫn skillCà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:

  1. Tìm địa chỉ server chính thức trong tài liệu của hãng phần mềm.

  2. 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ố...]
  3. Đă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.

  4. Kiểm tra. Gõ lại /mcp để xem trạng thái, hoặc chạy claude mcp list ngoà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ốiLưu ý
Notionclaude mcp add --transport http notion https://mcp.notion.com/mcpLệnh này có trong tài liệu Claude Code
Figmaclaude plugin install figma@claude-plugins-officialChi tiết trong bài Figma MCP và Claude Code
SlackServer chính thức ở https://mcp.slack.com/mcpSlack 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 viCó mặt ởChia sẻ với độiLưu tại
local (mặc định)Chỉ dự án hiện tạiKhông~/.claude.json
projectChỉ dự án hiện tạiCó, qua git.mcp.json ở gốc dự án
userMọi dự án trên máy bạnKhô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ỡ server

Cà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:

  1. 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.
  2. 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.
  3. File .mcp.json lạ 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ạy claude mcp reset-project-choices.
  4. Đừng dán token vào lệnh rồi commit. Lệnh claude mcp add nhận được --header chứa khoá API. Cấu hình phạm vi project thì đ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

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.