figma-rust-mcp 2.9.6 → 3.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +14 -1
- package/package.json +1 -1
- package/plugin/code.js +2 -2
- package/plugin/ui.html +1 -1
package/README.md
CHANGED
|
@@ -147,7 +147,7 @@ Add to your `~/.gemini/config/mcp_config.json` or project `.agents/mcp_config.js
|
|
|
147
147
|
|
|
148
148
|
## 🛠️ MCP Tools Reference
|
|
149
149
|
|
|
150
|
-
`figma-mcp` provides **
|
|
150
|
+
`figma-mcp` provides **14 first-class MCP tools**:
|
|
151
151
|
|
|
152
152
|
### 1. `figma_status`
|
|
153
153
|
Checks live bridge connection status, connected Figma tabs/files, in-memory index health, queue length, and latency statistics.
|
|
@@ -217,6 +217,19 @@ Audits the current Figma document and generates a complete design system rule sh
|
|
|
217
217
|
Fetches built-in documentation, design rules, layout guidelines, and code examples for `figma_write`.
|
|
218
218
|
- **`section`**: `"rules"` | `"layout"` | `"api"` | `"tokens"` | `"icons"`
|
|
219
219
|
|
|
220
|
+
### 13. `figma_verify_ui`
|
|
221
|
+
Validates and compares actual rendered HTML/React UI styles and layout against Figma design specifications.
|
|
222
|
+
- Checks dimensions, padding, flex gap, colors, border-radius, and typography.
|
|
223
|
+
- Returns an exact match percentage (`match_percentage`), discrepancy breakdown, and actionable CSS/Tailwind fixes.
|
|
224
|
+
- **`nodeId`** / **`nodeName`**: Target Figma node spec.
|
|
225
|
+
- **`computedStyles`**: Key-value pairs of computed CSS properties from browser/component inspection.
|
|
226
|
+
- **`url`** / **`selector`**: Contextual target URL or CSS selector inspected.
|
|
227
|
+
|
|
228
|
+
### 14. `figma_match_components`
|
|
229
|
+
Scans your local codebase directories (`src/components`, `components/ui`) to discover existing React/Vue components and matches them directly against Figma design layers, preventing duplicate component creation and ensuring reuse of existing design systems.
|
|
230
|
+
- **`projectDir`**: Base directory of your project (default: current directory `"."`).
|
|
231
|
+
- **`nodeId`**: Optional Figma node ID to check specific match against local components.
|
|
232
|
+
|
|
220
233
|
---
|
|
221
234
|
|
|
222
235
|
## 💻 Development & Testing
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "figma-rust-mcp",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "3.0.0",
|
|
4
4
|
"description": "Claude Code to Figma — Bidirectional MCP bridge. AI draws UI on Figma canvas, reads designs back. Works with Claude, Cursor, VS Code, Windsurf, Antigravity. No API key needed.",
|
|
5
5
|
"mcpName": "io.github.BuiHung1612/figma-mcp",
|
|
6
6
|
"type": "module",
|
package/plugin/code.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
// figma-mcp — Figma Plugin main thread v1.2.1
|
|
2
2
|
// Handles both WRITE (draw UI) and READ (extract design) operations.
|
|
3
3
|
// AUTO-GENERATED by scripts/build-plugin.js — edit plugin-src/*.js instead
|
|
4
|
-
// Generated: 2026-08-
|
|
4
|
+
// Generated: 2026-08-27T08:12:15.747Z
|
|
5
5
|
|
|
6
6
|
// ── plugin-src/utils.js ──
|
|
7
7
|
// ─── UTILS ────────────────────────────────────────────────────────────────────
|
|
@@ -1245,7 +1245,7 @@ const handlers = {};
|
|
|
1245
1245
|
|
|
1246
1246
|
handlers.status = async () => ({
|
|
1247
1247
|
connected: true,
|
|
1248
|
-
version: "
|
|
1248
|
+
version: "3.0.0",
|
|
1249
1249
|
fileName: figma.root.name,
|
|
1250
1250
|
currentPage: figma.currentPage.name,
|
|
1251
1251
|
pageCount: figma.root.children.length,
|
package/plugin/ui.html
CHANGED
|
@@ -671,7 +671,7 @@
|
|
|
671
671
|
<div class="brand-info">
|
|
672
672
|
<div class="brand-title-row">
|
|
673
673
|
<span class="brand-name">Figma MCP</span>
|
|
674
|
-
<span class="brand-ver">
|
|
674
|
+
<span class="brand-ver">v3.0.0</span>
|
|
675
675
|
</div>
|
|
676
676
|
<span class="brand-file" id="doc-display" title="Active Document">Ready</span>
|
|
677
677
|
</div>
|