figma-console-mcp 1.4.2 → 1.5.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 +17 -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 +22 -0
- package/dist/cloudflare/index.js +23 -2
- package/dist/core/figma-desktop-connector.d.ts +4 -0
- package/dist/core/figma-desktop-connector.d.ts.map +1 -1
- package/dist/core/figma-desktop-connector.js +22 -0
- package/dist/core/figma-desktop-connector.js.map +1 -1
- package/dist/local.d.ts.map +1 -1
- package/dist/local.js +800 -258
- 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
|
@@ -526,9 +526,9 @@ Figma Console MCP includes support for **MCP Apps** — rich interactive UI expe
|
|
|
526
526
|
|
|
527
527
|
### Token Browser
|
|
528
528
|
|
|
529
|
-
|
|
529
|
+
An interactive design token explorer.
|
|
530
530
|
|
|
531
|
-
**Usage:** Ask Claude to "browse design tokens" or "show me the design tokens"
|
|
531
|
+
**Usage:** Ask Claude to "browse the design tokens" or "show me the design tokens" while connected to a Figma file.
|
|
532
532
|
|
|
533
533
|
**Features:**
|
|
534
534
|
- Browse all tokens organized by collection with expandable sections
|
|
@@ -537,6 +537,20 @@ The first MCP App is the **Token Browser** — an interactive design token explo
|
|
|
537
537
|
- Color swatches, alias resolution, and click-to-copy on any value
|
|
538
538
|
- Works without Enterprise plan via Desktop Bridge (local mode)
|
|
539
539
|
|
|
540
|
+
### Design System Dashboard
|
|
541
|
+
|
|
542
|
+
A Lighthouse-style health scorecard that audits your design system across six categories.
|
|
543
|
+
|
|
544
|
+
**Usage:** Ask Claude to "audit the design system" or "show me design system health" while connected to a Figma file.
|
|
545
|
+
|
|
546
|
+
**Features:**
|
|
547
|
+
- Overall weighted score (0–100) with six category gauges: Naming, Tokens, Components, Accessibility, Consistency, Coverage
|
|
548
|
+
- Expandable category sections with individual findings, severity indicators, and actionable details
|
|
549
|
+
- Diagnostic locations linking findings to specific variables, components, or collections
|
|
550
|
+
- Tooltips explaining each check's purpose and scoring criteria
|
|
551
|
+
- Refresh button to re-run the audit without consuming AI context
|
|
552
|
+
- Pure scoring engine with no external dependencies — all analysis runs locally
|
|
553
|
+
|
|
540
554
|
**Enabling MCP Apps:**
|
|
541
555
|
|
|
542
556
|
MCP Apps are gated behind an environment variable. Add to your MCP config:
|
|
@@ -560,12 +574,11 @@ MCP Apps are gated behind an environment variable. Add to your MCP config:
|
|
|
560
574
|
|
|
561
575
|
### Future MCP Apps Roadmap
|
|
562
576
|
|
|
563
|
-
|
|
577
|
+
Planned MCP Apps:
|
|
564
578
|
|
|
565
579
|
- **Component Gallery** — Visual browser for searching and previewing components with variant exploration
|
|
566
580
|
- **Style Inspector** — Interactive panel for exploring color, text, and effect styles with live previews
|
|
567
581
|
- **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
582
|
|
|
570
583
|
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
584
|
|