Codex x Figma MCP: đọc thiết kế

Figma MCP giúp Codex lấy thông tin layout, component, spacing, màu và asset để hỗ trợ frontend hoặc tài liệu thiết kế.

Cài đặt

Kết nối MCP theo hướng dẫn của tool. Chỉ cấp quyền file Figma cần thiết và tránh mở toàn bộ workspace nếu không cần.

Prompt mẫu

Hãy đọc frame Figma này và tóm tắt layout, component chính,
token màu, spacing và các breakpoint cần chú ý khi triển khai React.
Chưa viết code.

Tác vụ phù hợp

• Tạo implementation plan.
• So sánh UI hiện tại với design.
• Trích design token.
• Viết checklist QA frontend.
• Tạo component skeleton.

Rủi ro

Thiết kế có thể chứa thông tin sản phẩm chưa công bố. Kiểm soát quyền file, không chụp hoặc xuất asset nhạy cảm nếu chưa được phép.