{"product_id":"claude-thiết-kế-hướng-dẫn-kết-nối-cong-cụ","title":"Claude Thiết kế: Hướng dẫn Kết nối Công cụ","description":"\n\u003cp\u003eQuy trình thiết kế sản phẩm hiện đại đòi hỏi sự phối hợp liên tục giữa nhiều công cụ — file thiết kế trên Figma, feedback người dùng từ Intercom, tài liệu sản phẩm trên Notion, task trên Linear, và số liệu hành vi từ Amplitude. Claude kết nối với toàn bộ hệ sinh thái này thông qua MCP (Model Context Protocol), giúp designer và product manager có trợ lý AI nắm đầy đủ ngữ cảnh của sản phẩm thay vì phải giải thích lại từ đầu trong mỗi cuộc trò chuyện.\u003c\/p\u003e\n\n\u003cp\u003eBài viết này trình bày kiến trúc kết nối, sáu danh mục connector được hỗ trợ trong plugin thiết kế, và các bước thiết lập cụ thể.\u003c\/p\u003e\n\n\u003ch2\u003eKiến trúc kết nối\u003c\/h2\u003e\n\n\u003cp\u003ePlugin thiết kế hoạt động theo mô hình \u003cstrong\u003etool-agnostic\u003c\/strong\u003e — logic phân tích và quy trình làm việc được định nghĩa theo danh mục chức năng, không gắn với Figma hay Sketch cụ thể. Các placeholder trong file plugin có dạng \u003ccode\u003e~~category\u003c\/code\u003e:\u003c\/p\u003e\n\n\u003cul\u003e\n  \u003cli\u003e\n\u003ccode\u003e~~design tool\u003c\/code\u003e — đại diện cho công cụ thiết kế vector\/prototype\u003c\/li\u003e\n  \u003cli\u003e\n\u003ccode\u003e~~user feedback\u003c\/code\u003e — đại diện cho nền tảng thu thập phản hồi người dùng\u003c\/li\u003e\n  \u003cli\u003e\n\u003ccode\u003e~~product analytics\u003c\/code\u003e — đại diện cho công cụ theo dõi hành vi trong sản phẩm\u003c\/li\u003e\n  \u003cli\u003e\n\u003ccode\u003e~~knowledge base\u003c\/code\u003e — đại diện cho nơi lưu trữ tài liệu và design system\u003c\/li\u003e\n  \u003cli\u003e\n\u003ccode\u003e~~project tracker\u003c\/code\u003e — đại diện cho công cụ quản lý sprint và backlog\u003c\/li\u003e\n  \u003cli\u003e\n\u003ccode\u003e~~chat\u003c\/code\u003e — đại diện cho kênh trao đổi nội bộ nhóm\u003c\/li\u003e\n\u003c\/ul\u003e\n\n\u003cp\u003eMô hình này đảm bảo tính bền vững của plugin: khi đội chuyển từ Sketch sang Figma, hoặc từ Jira sang Linear, chỉ cần cập nhật file \u003ccode\u003e.mcp.json\u003c\/code\u003e mà không cần viết lại quy trình làm việc.\u003c\/p\u003e\n\n\u003ch2\u003eDanh sách kết nối hỗ trợ\u003c\/h2\u003e\n\n\u003cp\u003ePlugin thiết kế hỗ trợ sáu danh mục connector, bao phủ toàn bộ vòng đời thiết kế từ khám phá người dùng đến giao hàng:\u003c\/p\u003e\n\n\u003ctable\u003e\n  \u003cthead\u003e\n    \u003ctr\u003e\n      \u003cth\u003eDanh mục\u003c\/th\u003e\n      \u003cth\u003ePlaceholder\u003c\/th\u003e\n      \u003cth\u003eServer được cấu hình sẵn\u003c\/th\u003e\n      \u003cth\u003eLựa chọn thay thế\u003c\/th\u003e\n    \u003c\/tr\u003e\n  \u003c\/thead\u003e\n  \u003ctbody\u003e\n    \u003ctr\u003e\n      \u003ctd\u003eChat nội bộ\u003c\/td\u003e\n      \u003ctd\u003e\u003ccode\u003e~~chat\u003c\/code\u003e\u003c\/td\u003e\n      \u003ctd\u003eSlack\u003c\/td\u003e\n      \u003ctd\u003eMicrosoft Teams\u003c\/td\u003e\n    \u003c\/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003eCông cụ thiết kế\u003c\/td\u003e\n      \u003ctd\u003e\u003ccode\u003e~~design tool\u003c\/code\u003e\u003c\/td\u003e\n      \u003ctd\u003eFigma\u003c\/td\u003e\n      \u003ctd\u003eSketch, Adobe XD, Framer\u003c\/td\u003e\n    \u003c\/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003eCơ sở kiến thức\u003c\/td\u003e\n      \u003ctd\u003e\u003ccode\u003e~~knowledge base\u003c\/code\u003e\u003c\/td\u003e\n      \u003ctd\u003eNotion\u003c\/td\u003e\n      \u003ctd\u003eConfluence, Guru, Coda\u003c\/td\u003e\n    \u003c\/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003eQuản lý dự án\u003c\/td\u003e\n      \u003ctd\u003e\u003ccode\u003e~~project tracker\u003c\/code\u003e\u003c\/td\u003e\n      \u003ctd\u003eLinear, Asana, Atlassian (Jira\/Confluence)\u003c\/td\u003e\n      \u003ctd\u003eShortcut, ClickUp\u003c\/td\u003e\n    \u003c\/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003ePhản hồi người dùng\u003c\/td\u003e\n      \u003ctd\u003e\u003ccode\u003e~~user feedback\u003c\/code\u003e\u003c\/td\u003e\n      \u003ctd\u003eIntercom\u003c\/td\u003e\n      \u003ctd\u003eProductboard, Canny, UserVoice, Dovetail\u003c\/td\u003e\n    \u003c\/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003eProduct analytics\u003c\/td\u003e\n      \u003ctd\u003e\u003ccode\u003e~~product analytics\u003c\/code\u003e\u003c\/td\u003e\n      \u003ctd\u003e— (chưa có server mặc định)\u003c\/td\u003e\n      \u003ctd\u003eAmplitude, Mixpanel, Heap, FullStory\u003c\/td\u003e\n    \u003c\/tr\u003e\n  \u003c\/tbody\u003e\n\u003c\/table\u003e\n\n\u003cp\u003eLưu ý: Danh mục \u003ccode\u003e~~product analytics\u003c\/code\u003e hiện chưa có MCP server mặc định trong bản phân phối. Bạn cần tự chọn và cấu hình một trong các lựa chọn thay thế như Amplitude hay Mixpanel nếu cần số liệu hành vi người dùng trong quy trình thiết kế.\u003c\/p\u003e\n\n\u003ch2\u003eCách thiết lập kết nối\u003c\/h2\u003e\n\n\u003cp\u003eQuy trình thiết lập cho đội thiết kế sản phẩm thường bắt đầu với Figma — công cụ trung tâm của hầu hết quy trình làm việc thiết kế:\u003c\/p\u003e\n\n\u003cp\u003e\u003cstrong\u003eBước 1: Thiết lập Figma MCP\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eFigma cung cấp MCP server chính thức. Bạn cần Personal Access Token từ tài khoản Figma (hoặc Service Account Token cho môi trường nhóm). Truy cập Figma Settings \u0026gt; Security \u0026gt; Personal access tokens để tạo token với quyền đọc file và comment.\u003c\/p\u003e\n\n\u003cp\u003e\u003cstrong\u003eBước 2: Kết nối nền tảng feedback người dùng\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eConnector \u003ccode\u003e~~user feedback\u003c\/code\u003e đặc biệt có giá trị cho designer — nó cho phép Claude truy cập trực tiếp vào phản hồi thực tế của người dùng khi phân tích vấn đề thiết kế, thay vì chỉ dựa vào mô tả của bạn.\u003c\/p\u003e\n\n\u003cp\u003e\u003cstrong\u003eBước 3: Kết nối knowledge base\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eKết nối Notion hoặc Confluence để Claude có thể tham chiếu design system, brand guidelines, và tài liệu nghiên cứu người dùng trong các quyết định thiết kế.\u003c\/p\u003e\n\n\u003cp\u003e\u003cstrong\u003eBước 4: Cấu hình project tracker\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eKết nối Linear hoặc Jira để Claude có thể tạo task, cập nhật status, và tra cứu yêu cầu kỹ thuật liên quan trực tiếp từ hội thoại thiết kế.\u003c\/p\u003e\n\n\u003ch2\u003eVí dụ cấu hình .mcp.json\u003c\/h2\u003e\n\n\u003cp\u003eCấu hình mẫu cho đội thiết kế dùng Figma, Notion, Linear, và Intercom:\u003c\/p\u003e\n\n\u003cpre\u003e\u003ccode\u003e{\n  \"mcpServers\": {\n    \"figma\": {\n      \"command\": \"npx\",\n      \"args\": [\"-y\", \"@modelcontextprotocol\/server-figma\"],\n      \"env\": {\n        \"FIGMA_ACCESS_TOKEN\": \"your_figma_token\"\n      }\n    },\n    \"notion\": {\n      \"command\": \"npx\",\n      \"args\": [\"-y\", \"@modelcontextprotocol\/server-notion\"],\n      \"env\": {\n        \"NOTION_API_TOKEN\": \"your_notion_token\"\n      }\n    },\n    \"linear\": {\n      \"command\": \"npx\",\n      \"args\": [\"-y\", \"@modelcontextprotocol\/server-linear\"],\n      \"env\": {\n        \"LINEAR_API_KEY\": \"your_linear_api_key\"\n      }\n    },\n    \"intercom\": {\n      \"command\": \"npx\",\n      \"args\": [\"-y\", \"@modelcontextprotocol\/server-intercom\"],\n      \"env\": {\n        \"INTERCOM_ACCESS_TOKEN\": \"your_intercom_token\"\n      }\n    },\n    \"slack\": {\n      \"command\": \"npx\",\n      \"args\": [\"-y\", \"@modelcontextprotocol\/server-slack\"],\n      \"env\": {\n        \"SLACK_BOT_TOKEN\": \"xoxb-your-token\",\n        \"SLACK_TEAM_ID\": \"T0XXXXXXX\"\n      }\n    }\n  }\n}\u003c\/code\u003e\u003c\/pre\u003e\n\n\u003cp\u003eĐể thêm product analytics, ví dụ Amplitude:\u003c\/p\u003e\n\n\u003cpre\u003e\u003ccode\u003e\"amplitude\": {\n  \"command\": \"npx\",\n  \"args\": [\"-y\", \"@modelcontextprotocol\/server-amplitude\"],\n  \"env\": {\n    \"AMPLITUDE_API_KEY\": \"your_api_key\",\n    \"AMPLITUDE_SECRET_KEY\": \"your_secret_key\"\n  }\n}\u003c\/code\u003e\u003c\/pre\u003e\n\n\u003ch2\u003eTùy chỉnh và mở rộng\u003c\/h2\u003e\n\n\u003cp\u003ePlugin thiết kế có thể tùy chỉnh sâu để phù hợp với quy trình cụ thể của từng đội:\u003c\/p\u003e\n\n\u003cp\u003e\u003cstrong\u003eChuyển từ Jira sang Linear:\u003c\/strong\u003e Nhiều đội thiết kế chuyển sang Linear vì giao diện gọn gàng hơn. Đổi entry \u003ccode\u003ejira\u003c\/code\u003e sang \u003ccode\u003elinear\u003c\/code\u003e trong \u003ccode\u003e.mcp.json\u003c\/code\u003e — plugin tiếp tục hoạt động vì nó tham chiếu \u003ccode\u003e~~project tracker\u003c\/code\u003e.\u003c\/p\u003e\n\n\u003cp\u003e\u003cstrong\u003eKết nối Dovetail cho nghiên cứu UX:\u003c\/strong\u003e Nếu đội dùng Dovetail để tổng hợp user research, thêm connector này dưới danh mục \u003ccode\u003e~~user feedback\u003c\/code\u003e. Claude có thể tham chiếu cả dữ liệu định tính lẫn định lượng khi phân tích thiết kế.\u003c\/p\u003e\n\n\u003cp\u003e\u003cstrong\u003eAdobe XD hoặc Framer thay Figma:\u003c\/strong\u003e Đổi entry \u003ccode\u003efigma\u003c\/code\u003e sang MCP server tương ứng của công cụ bạn dùng. Đảm bảo server đó hỗ trợ các thao tác bạn cần: đọc file, truy cập component library, và lấy comment.\u003c\/p\u003e\n\n\u003cp\u003e\u003cstrong\u003eNhiều workspace Notion:\u003c\/strong\u003e Nếu tổ chức có nhiều Notion workspace (ví dụ: một cho design system, một cho team wiki), bạn có thể khai báo nhiều instance server với token riêng.\u003c\/p\u003e\n\n\u003ch2\u003eỨng dụng thực tế trong quy trình thiết kế\u003c\/h2\u003e\n\n\u003cp\u003eKhi kết nối đầy đủ, Claude có thể hỗ trợ các tác vụ thiết kế phức tạp:\u003c\/p\u003e\n\n\u003cul\u003e\n  \u003cli\u003ePhân tích file Figma hiện tại và đề xuất cải tiến dựa trên design system từ Notion\u003c\/li\u003e\n  \u003cli\u003eTổng hợp feedback người dùng từ Intercom để xác định vấn đề thiết kế cần ưu tiên\u003c\/li\u003e\n  \u003cli\u003eTạo task Linear tự động từ kết quả phân tích người dùng với đầy đủ context\u003c\/li\u003e\n  \u003cli\u003eSo sánh hành vi người dùng từ Amplitude với giả định thiết kế ban đầu\u003c\/li\u003e\n  \u003cli\u003eSoạn thảo design spec và cập nhật tài liệu Notion trực tiếp từ hội thoại\u003c\/li\u003e\n\u003c\/ul\u003e\n\n\u003ch2\u003eBước tiếp theo\u003c\/h2\u003e\n\n\u003cp\u003eVới hệ sinh thái công cụ thiết kế được kết nối, Claude trở thành cộng sự sáng tạo thực sự — hiểu file thiết kế, biết phản hồi người dùng, và nắm ngữ cảnh sản phẩm đầy đủ. Khám phá thêm các plugin và ứng dụng tại \u003ca href=\"\/collections\/ung-dung\"\u003eThư viện Ứng dụng\u003c\/a\u003e.\u003c\/p\u003e\n\n\n\u003chr\u003e\n\u003ch3\u003eBài viết liên quan\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e\u003ca href=\"\/products\/claude-k%E1%BB%B9-thu%E1%BA%ADt-h%C6%B0%E1%BB%9Bng-d%E1%BA%ABn-k%E1%BA%BFt-n%E1%BB%91i-cong-c%E1%BB%A5\"\u003eClaude Kỹ thuật: Hướng dẫn Kết nối Công cụ\u003c\/a\u003e\u003c\/li\u003e\n\u003cli\u003e\u003ca href=\"\/products\/claude-marketing-h%C6%B0%E1%BB%9Bng-d%E1%BA%ABn-k%E1%BA%BFt-n%E1%BB%91i-cong-c%E1%BB%A5\"\u003eClaude Marketing: Hướng dẫn Kết nối Công cụ\u003c\/a\u003e\u003c\/li\u003e\n\u003cli\u003e\u003ca href=\"\/products\/claude-nang-su%E1%BA%A5t-h%C6%B0%E1%BB%9Bng-d%E1%BA%ABn-k%E1%BA%BFt-n%E1%BB%91i-cong-c%E1%BB%A5\"\u003eClaude Năng suất: Hướng dẫn Kết nối Công cụ\u003c\/a\u003e\u003c\/li\u003e\n\u003cli\u003e\u003ca href=\"\/products\/claude-cho-thi%E1%BA%BFt-k%E1%BA%BF-t%E1%BB%95ng-quan-plugin\"\u003eClaude cho Thiết kế: Tổng quan Plugin\u003c\/a\u003e\u003c\/li\u003e\n\u003cli\u003e\u003ca href=\"\/products\/claude-cho-design-user-research-t%E1%BB%AB-a-d%E1%BA%BFn-z\"\u003eClaude cho Design: User Research từ A đến Z\u003c\/a\u003e\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"Minh Tuấn","offers":[{"title":"Default Title","offer_id":47723556700372,"sku":null,"price":0.0,"currency_code":"VND","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0821\/0264\/9044\/files\/claude-thi_t-k_-h_ng-d_n-k_t-n_i-cong-c.jpg?v=1774536722","url":"https:\/\/claude.vn\/products\/claude-thi%e1%ba%bft-k%e1%ba%bf-h%c6%b0%e1%bb%9bng-d%e1%ba%abn-k%e1%ba%bft-n%e1%bb%91i-cong-c%e1%bb%a5","provider":"CLAUDE.VN","version":"1.0","type":"link"}