Trang chủ UXMagic
  • Tính năng
  • Thư viện
  • Cộng đồng
  • Bảng giá
  • Tiếp thị liên kết
  • Tài nguyên
Trang chủ UXMagic
Trang chủ UXMagic

Thư viện

Cộng đồng
Bảng giá
Tiếp thị liên kết

Tài nguyên

Theo dõi chúng tôi trên:
  • Theo dõi chúng tôi trên Slack
  • Theo dõi chúng tôi trên Twitter
  • Theo dõi chúng tôi trên Linkedin
  • Theo dõi chúng tôi trên Youtube
  • Theo dõi chúng tôi trên Instagram
Trung tâm trợ giúp
  • 🚀Bắt đầu
  • ✨Tạo thiết kế
  • 🎨Thiết kế & chỉnh sửa
  • 📦Xuất & bàn giao
  • 🌐Xuất bản website
  • 🤝Chia sẻ & cộng tác
  • 🔌Tích hợp & lập trình
    • Máy chủ MCP của UXMagic
    • Khóa API
    • Plugin Figma của UXMagic
    • Đồng bộ GitHub
    • Dùng UXMagic từ ChatGPT, Claude và các trợ lý khác
  • 💳Gói, tín dụng & thanh toán
  • 🛠Xử lý sự cố

Vẫn còn vướng?

Đội ngũ của chúng tôi trả lời ngay trong sản phẩm.

Liên hệ hỗ trợ →
  1. Trung tâm trợ giúp/
  2. Tích hợp & lập trình/
  3. Máy chủ MCP của UXMagic

Máy chủ MCP của UXMagic

Kết nối Claude, Cursor, VS Code, Windsurf, Codex hoặc Antigravity tới các dự án UXMagic của bạn.

Cập nhật lần cuối: 27 tháng 8, 2026

Trong trang này

  • Thiết lập
  • Trợ lý của bạn làm được gì sau khi kết nối
  • Một luồng làm việc điển hình
  • Tín dụng
  • Bảo mật

Model Context Protocol (MCP) là một chuẩn mở cho phép trợ lý AI nói chuyện trực tiếp với công cụ bên ngoài. Máy chủ MCP của UXMagic kết nối trợ lý lập trình AI của bạn với các dự án UXMagic thật — thay vì chép ảnh chụp màn hình vào một cuộc trò chuyện, trợ lý của bạn đọc thẳng thiết kế thật.

uxmagic.ai/dashboard/project
Hộp thoại Kết nối MCP, hiển thị các IDE được hỗ trợ: Antigravity, Cursor, Codex, VS Code, Windsurf và Claude.
Connect MCP pairs a project with Claude, Cursor, VS Code, Windsurf, Codex or Antigravity.

Thiết lập#

  1. Vào trang MCP và chọn IDE của bạn.
  2. Tạo một khóa API — xem Khóa API.
  3. Sao chép cấu hình được tạo ra và dán vào phần cài đặt MCP của IDE.
  4. Khởi động lại IDE nếu nó không nhận ra máy chủ mới ngay.

Được hỗ trợ sẵn: Claude, Cursor, VS Code, Windsurf, Codex và Antigravity. Mọi máy khách tương thích MCP đều dùng được cùng cấu hình đó.

Trợ lý của bạn làm được gì sau khi kết nối#

Đọc công việc của bạn

  • Liệt kê các dự án, và lấy chi tiết một dự án.
  • Liệt kê các màn hình trong một dự án, và lấy chi tiết một màn hình.
  • Đọc HTML của một màn hình, và đọc chủ đề của dự án.
  • Liệt kê và đọc tài liệu của dự án (PRD, brief).

Thay đổi công việc của bạn

  • Tạo dự án, tạo màn hình, nhân bản màn hình.
  • Chỉnh sửa tìm/thay có mục tiêu trên một màn hình, hoặc thay toàn bộ phần thân của màn hình.
  • Thay một ảnh.
  • Xuất một màn hình sang Figma.

Tạo mới

  • Khởi động một lượt tạo thiết kế, kiểm tra trạng thái, rồi xác nhận hoặc hủy.

Việc tạo được thiết kế thành một cái bắt tay ba bước thay vì một lời gọi duy nhất, có chủ đích: trợ lý của bạn khởi động, theo dõi, còn bạn quyết định có giữ kết quả hay không — nhờ vậy một vòng lặp của trợ lý không thể âm thầm đốt tín dụng của bạn.

Một luồng làm việc điển hình#

“Đọc màn hình Bảng giá trong dự án Ledgerly của tôi và hiện thực nó thành một thành phần React dùng design token của chúng tôi.”

Trợ lý của bạn kéo về đúng phần mã và chủ đề thật, rồi viết mã dựa trên chúng. Không ảnh chụp màn hình, không lệch pha, không phải mô tả lại thiết kế.

Tín dụng#

Các thao tác đọc là miễn phí. Việc tạo qua MCP tốn đúng số tín dụng như tạo trong ứng dụng — vẫn là một bộ máy đó.

Bảo mật#

Khóa API xác thực kết nối tới tài khoản của bạn. Hãy giữ nó ngoài các tệp được commit, và xoay vòng hoặc thu hồi bất cứ lúc nào trong phần cài đặt tài khoản.

Câu hỏi thường gặp

Những IDE nào được hỗ trợ?
Claude, Cursor, VS Code, Windsurf, Codex và Antigravity — cùng mọi máy khách tương thích MCP khác.
Tôi có phải cài gì không?
Không. UXMagic tạo sẵn cấu hình cho IDE của bạn; bạn chỉ dán nó vào phần cài đặt MCP của IDE.

Bài viết này có hữu ích không?

Bài liên quan

Khóa API

Tạo, xoay vòng và thu hồi khóa cho máy chủ MCP và quyền truy cập API.

Xuất mã nguồn (HTML, React, Tailwind)

Xuất một màn hình đơn lẻ hoặc cả dự án thành mã front-end sẵn sàng cho môi trường thật.

Đồng bộ GitHub

Đẩy mã đã xuất thẳng vào một kho lưu trữ, và triển khai bằng GitHub Pages.

← TrướcCộng đồng và cảm hứngTiếp →Khóa API

Trong trang này

  • Thiết lập
  • Trợ lý của bạn làm được gì sau khi kết nối
  • Một luồng làm việc điển hình
  • Tín dụng
  • Bảo mật

ý tưởng tiếp theo của bạn
xứng đáng được ra đời

đừng chỉ nghĩ về nó nữa. cứ gõ ra đi. Vụng về, dang dở, sao cũng được. Chúng tôi sẽ biến nó thành điều có thật.

Sản phẩm

  • Cộng đồng
  • Các gói giá
  • Chương trình tiếp thị liên kết
  • UXMagic MCP
  • Claude MCP
  • Thông tin AI

Tài nguyên

  • Trung tâm trợ giúp
  • Thư viện Figma
  • Thư viện React
  • Mẫu ứng dụng di động
  • Tài liệu
  • Hướng dẫn

Tính năng

  • Từ câu lệnh thành UI
  • Từ hình ảnh thành UI
  • Từ bản phác thảo thành UI
  • Sao chép website
  • Nhập từ Figma
  • AI Wireframe Generator
  • AI Mockup Generator
  • AI Prototype Generator
  • AI Dashboard Generator
  • Tất cả tính năng

So sánh

  • vs UX Pilot
  • vs Relume
  • vs MagicPath
  • vs Magic Patterns
  • vs Banani
  • vs Galileo AI
  • vs v0
  • vs Lovable
  • vs Base44
  • Tất cả đối thủ

Blog

  • AI trong quy trình thiết kế UX: Điều gì thực sự hiệu quả
  • Mẫu câu lệnh cho dashboard SaaS
  • Những câu lệnh thực tế chúng tôi dùng để tạo luồng sản phẩm
  • Prompt Engineering cho UX Designer
  • Công cụ Wireframe tốt nhất năm 2026: So sánh 10 lựa chọn miễn phí & trả phí
  • Tất cả bài viết

Công ty & Hỗ trợ

  • Tuyển dụng
  • Liên hệ
  • Chính sách bảo mật
  • Điều khoản sử dụng
  • Cài đặt cookie
  • Theo dõi chúng tôi trên Slack
  • Theo dõi chúng tôi trên Twitter
  • Theo dõi chúng tôi trên Linkedin
  • Theo dõi chúng tôi trên Youtube
  • Theo dõi chúng tôi trên Instagram

© 2026 UXMagic AI Technologies Inc.