LotteryV2/FIGMA_MCP_INTEGRATION.md

Figma MCP Integration with Antigravity IDE

Figma MCP (Model Context Protocol) is already configured in your Antigravity IDE global settings.

🛠 Configuration Details

• Location: C:\Users\ADMIN\.gemini\antigravity\mcp_config.json
• MCP Server: figma-developer-mcp
• Authentication: A Figma API Key is already configured in the environment.

---

⚠️ Issue & Fix Applied

The server was failing to load initially due to Node.js v17.9.1 (which has issues with some modern package dependencies like hono).

• Fix: I have switched the active Node version to v18.20.8 using nvm use 18.20.8.

---

🚀 How to Use

Now that it's active, you can instruct me to interact with your Figma design!

To read a design or generate code, simply chat with me providing:

1. Figma File URL: https://www.figma.com/design/...
2. Node/Layer Name or ID (Optional, if you want a specific component)

Example prompts:

"Hãy đọc thiết kế từ Figma URL [URL] và sinh code HTML/Tailwind cho màn hình Login" "Liệt kê các thành phần (components) trong file Figma [URL]"

---

Status: Ready to use. No further installation required. If the IDE doesn't pick it up immediately, a quick restart of the IDE will complete the process.