figma-console-mcp 1.4.2 → 1.6.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 +20 -4
- package/dist/apps/design-system-dashboard/mcp-app.html +521 -0
- package/dist/apps/design-system-dashboard/scoring/accessibility.d.ts +14 -0
- package/dist/apps/design-system-dashboard/scoring/accessibility.d.ts.map +1 -0
- package/dist/apps/design-system-dashboard/scoring/accessibility.js +278 -0
- package/dist/apps/design-system-dashboard/scoring/accessibility.js.map +1 -0
- package/dist/apps/design-system-dashboard/scoring/component-metadata.d.ts +29 -0
- package/dist/apps/design-system-dashboard/scoring/component-metadata.d.ts.map +1 -0
- package/dist/apps/design-system-dashboard/scoring/component-metadata.js +358 -0
- package/dist/apps/design-system-dashboard/scoring/component-metadata.js.map +1 -0
- package/dist/apps/design-system-dashboard/scoring/consistency.d.ts +14 -0
- package/dist/apps/design-system-dashboard/scoring/consistency.d.ts.map +1 -0
- package/dist/apps/design-system-dashboard/scoring/consistency.js +342 -0
- package/dist/apps/design-system-dashboard/scoring/consistency.js.map +1 -0
- package/dist/apps/design-system-dashboard/scoring/coverage.d.ts +14 -0
- package/dist/apps/design-system-dashboard/scoring/coverage.d.ts.map +1 -0
- package/dist/apps/design-system-dashboard/scoring/coverage.js +231 -0
- package/dist/apps/design-system-dashboard/scoring/coverage.js.map +1 -0
- package/dist/apps/design-system-dashboard/scoring/engine.d.ts +27 -0
- package/dist/apps/design-system-dashboard/scoring/engine.d.ts.map +1 -0
- package/dist/apps/design-system-dashboard/scoring/engine.js +93 -0
- package/dist/apps/design-system-dashboard/scoring/engine.js.map +1 -0
- package/dist/apps/design-system-dashboard/scoring/fix-generator.d.ts +15 -0
- package/dist/apps/design-system-dashboard/scoring/fix-generator.d.ts.map +1 -0
- package/dist/apps/design-system-dashboard/scoring/fix-generator.js +270 -0
- package/dist/apps/design-system-dashboard/scoring/fix-generator.js.map +1 -0
- package/dist/apps/design-system-dashboard/scoring/fix-types.d.ts +32 -0
- package/dist/apps/design-system-dashboard/scoring/fix-types.d.ts.map +1 -0
- package/dist/apps/design-system-dashboard/scoring/fix-types.js +8 -0
- package/dist/apps/design-system-dashboard/scoring/fix-types.js.map +1 -0
- package/dist/apps/design-system-dashboard/scoring/naming-semantics.d.ts +14 -0
- package/dist/apps/design-system-dashboard/scoring/naming-semantics.d.ts.map +1 -0
- package/dist/apps/design-system-dashboard/scoring/naming-semantics.js +309 -0
- package/dist/apps/design-system-dashboard/scoring/naming-semantics.js.map +1 -0
- package/dist/apps/design-system-dashboard/scoring/token-architecture.d.ts +14 -0
- package/dist/apps/design-system-dashboard/scoring/token-architecture.d.ts.map +1 -0
- package/dist/apps/design-system-dashboard/scoring/token-architecture.js +350 -0
- package/dist/apps/design-system-dashboard/scoring/token-architecture.js.map +1 -0
- package/dist/apps/design-system-dashboard/scoring/types.d.ts +89 -0
- package/dist/apps/design-system-dashboard/scoring/types.d.ts.map +1 -0
- package/dist/apps/design-system-dashboard/scoring/types.js +41 -0
- package/dist/apps/design-system-dashboard/scoring/types.js.map +1 -0
- package/dist/apps/design-system-dashboard/server.d.ts +23 -0
- package/dist/apps/design-system-dashboard/server.d.ts.map +1 -0
- package/dist/apps/design-system-dashboard/server.js +157 -0
- package/dist/apps/design-system-dashboard/server.js.map +1 -0
- package/dist/browser/base.d.ts +9 -1
- package/dist/browser/base.d.ts.map +1 -1
- package/dist/browser/local.d.ts +7 -2
- package/dist/browser/local.d.ts.map +1 -1
- package/dist/browser/local.js +37 -2
- package/dist/browser/local.js.map +1 -1
- package/dist/cloudflare/apps/design-system-dashboard/scoring/accessibility.js +277 -0
- package/dist/cloudflare/apps/design-system-dashboard/scoring/component-metadata.js +357 -0
- package/dist/cloudflare/apps/design-system-dashboard/scoring/consistency.js +341 -0
- package/dist/cloudflare/apps/design-system-dashboard/scoring/coverage.js +230 -0
- package/dist/cloudflare/apps/design-system-dashboard/scoring/engine.js +92 -0
- package/dist/cloudflare/apps/design-system-dashboard/scoring/fix-generator.js +269 -0
- package/dist/cloudflare/apps/design-system-dashboard/scoring/fix-types.js +7 -0
- package/dist/cloudflare/apps/design-system-dashboard/scoring/naming-semantics.js +308 -0
- package/dist/cloudflare/apps/design-system-dashboard/scoring/token-architecture.js +349 -0
- package/dist/cloudflare/apps/design-system-dashboard/scoring/types.js +40 -0
- package/dist/cloudflare/apps/design-system-dashboard/server.js +156 -0
- package/dist/cloudflare/browser/cloudflare.js +1 -1
- package/dist/cloudflare/browser-manager.js +1 -1
- package/dist/cloudflare/core/figma-desktop-connector.js +121 -88
- package/dist/cloudflare/core/figma-tools.js +26 -26
- package/dist/cloudflare/index.js +23 -2
- package/dist/core/figma-desktop-connector.d.ts +16 -0
- package/dist/core/figma-desktop-connector.d.ts.map +1 -1
- package/dist/core/figma-desktop-connector.js +121 -88
- package/dist/core/figma-desktop-connector.js.map +1 -1
- package/dist/core/figma-tools.d.ts.map +1 -1
- package/dist/core/figma-tools.js +26 -26
- package/dist/core/figma-tools.js.map +1 -1
- package/dist/local.d.ts.map +1 -1
- package/dist/local.js +1259 -460
- package/dist/local.js.map +1 -1
- package/figma-desktop-bridge/code.js +35 -0
- package/figma-desktop-bridge/ui.html +5 -0
- package/package.json +2 -2
package/README.md
CHANGED
|
@@ -366,6 +366,9 @@ When you first use design system tools:
|
|
|
366
366
|
- `figma_delete_variable_collection` - Delete collections and all their variables
|
|
367
367
|
- `figma_add_mode` - Add modes to collections (e.g., "Dark", "Mobile")
|
|
368
368
|
- `figma_rename_mode` - Rename existing modes
|
|
369
|
+
- `figma_batch_create_variables` - Create up to 100 variables in one call (10-50x faster)
|
|
370
|
+
- `figma_batch_update_variables` - Update up to 100 variable values in one call
|
|
371
|
+
- `figma_setup_design_tokens` - Create complete token system (collection + modes + variables) atomically
|
|
369
372
|
|
|
370
373
|
**📖 [Detailed Tool Documentation](docs/TOOLS.md)**
|
|
371
374
|
|
|
@@ -526,9 +529,9 @@ Figma Console MCP includes support for **MCP Apps** — rich interactive UI expe
|
|
|
526
529
|
|
|
527
530
|
### Token Browser
|
|
528
531
|
|
|
529
|
-
|
|
532
|
+
An interactive design token explorer.
|
|
530
533
|
|
|
531
|
-
**Usage:** Ask Claude to "browse design tokens" or "show me the design tokens"
|
|
534
|
+
**Usage:** Ask Claude to "browse the design tokens" or "show me the design tokens" while connected to a Figma file.
|
|
532
535
|
|
|
533
536
|
**Features:**
|
|
534
537
|
- Browse all tokens organized by collection with expandable sections
|
|
@@ -537,6 +540,20 @@ The first MCP App is the **Token Browser** — an interactive design token explo
|
|
|
537
540
|
- Color swatches, alias resolution, and click-to-copy on any value
|
|
538
541
|
- Works without Enterprise plan via Desktop Bridge (local mode)
|
|
539
542
|
|
|
543
|
+
### Design System Dashboard
|
|
544
|
+
|
|
545
|
+
A Lighthouse-style health scorecard that audits your design system across six categories.
|
|
546
|
+
|
|
547
|
+
**Usage:** Ask Claude to "audit the design system" or "show me design system health" while connected to a Figma file.
|
|
548
|
+
|
|
549
|
+
**Features:**
|
|
550
|
+
- Overall weighted score (0–100) with six category gauges: Naming, Tokens, Components, Accessibility, Consistency, Coverage
|
|
551
|
+
- Expandable category sections with individual findings, severity indicators, and actionable details
|
|
552
|
+
- Diagnostic locations linking findings to specific variables, components, or collections
|
|
553
|
+
- Tooltips explaining each check's purpose and scoring criteria
|
|
554
|
+
- Refresh button to re-run the audit without consuming AI context
|
|
555
|
+
- Pure scoring engine with no external dependencies — all analysis runs locally
|
|
556
|
+
|
|
540
557
|
**Enabling MCP Apps:**
|
|
541
558
|
|
|
542
559
|
MCP Apps are gated behind an environment variable. Add to your MCP config:
|
|
@@ -560,12 +577,11 @@ MCP Apps are gated behind an environment variable. Add to your MCP config:
|
|
|
560
577
|
|
|
561
578
|
### Future MCP Apps Roadmap
|
|
562
579
|
|
|
563
|
-
|
|
580
|
+
Planned MCP Apps:
|
|
564
581
|
|
|
565
582
|
- **Component Gallery** — Visual browser for searching and previewing components with variant exploration
|
|
566
583
|
- **Style Inspector** — Interactive panel for exploring color, text, and effect styles with live previews
|
|
567
584
|
- **Variable Diff Viewer** — Side-by-side comparison of token values across modes and branches
|
|
568
|
-
- **Design System Dashboard** — Overview of your design system health with coverage metrics
|
|
569
585
|
|
|
570
586
|
The architecture supports adding new apps with minimal boilerplate — each app is a self-contained module with its own server-side tool registration and client-side UI.
|
|
571
587
|
|