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.
Files changed (77) hide show
  1. package/README.md +17 -4
  2. package/dist/apps/design-system-dashboard/mcp-app.html +521 -0
  3. package/dist/apps/design-system-dashboard/scoring/accessibility.d.ts +14 -0
  4. package/dist/apps/design-system-dashboard/scoring/accessibility.d.ts.map +1 -0
  5. package/dist/apps/design-system-dashboard/scoring/accessibility.js +278 -0
  6. package/dist/apps/design-system-dashboard/scoring/accessibility.js.map +1 -0
  7. package/dist/apps/design-system-dashboard/scoring/component-metadata.d.ts +29 -0
  8. package/dist/apps/design-system-dashboard/scoring/component-metadata.d.ts.map +1 -0
  9. package/dist/apps/design-system-dashboard/scoring/component-metadata.js +358 -0
  10. package/dist/apps/design-system-dashboard/scoring/component-metadata.js.map +1 -0
  11. package/dist/apps/design-system-dashboard/scoring/consistency.d.ts +14 -0
  12. package/dist/apps/design-system-dashboard/scoring/consistency.d.ts.map +1 -0
  13. package/dist/apps/design-system-dashboard/scoring/consistency.js +342 -0
  14. package/dist/apps/design-system-dashboard/scoring/consistency.js.map +1 -0
  15. package/dist/apps/design-system-dashboard/scoring/coverage.d.ts +14 -0
  16. package/dist/apps/design-system-dashboard/scoring/coverage.d.ts.map +1 -0
  17. package/dist/apps/design-system-dashboard/scoring/coverage.js +231 -0
  18. package/dist/apps/design-system-dashboard/scoring/coverage.js.map +1 -0
  19. package/dist/apps/design-system-dashboard/scoring/engine.d.ts +27 -0
  20. package/dist/apps/design-system-dashboard/scoring/engine.d.ts.map +1 -0
  21. package/dist/apps/design-system-dashboard/scoring/engine.js +93 -0
  22. package/dist/apps/design-system-dashboard/scoring/engine.js.map +1 -0
  23. package/dist/apps/design-system-dashboard/scoring/fix-generator.d.ts +15 -0
  24. package/dist/apps/design-system-dashboard/scoring/fix-generator.d.ts.map +1 -0
  25. package/dist/apps/design-system-dashboard/scoring/fix-generator.js +270 -0
  26. package/dist/apps/design-system-dashboard/scoring/fix-generator.js.map +1 -0
  27. package/dist/apps/design-system-dashboard/scoring/fix-types.d.ts +32 -0
  28. package/dist/apps/design-system-dashboard/scoring/fix-types.d.ts.map +1 -0
  29. package/dist/apps/design-system-dashboard/scoring/fix-types.js +8 -0
  30. package/dist/apps/design-system-dashboard/scoring/fix-types.js.map +1 -0
  31. package/dist/apps/design-system-dashboard/scoring/naming-semantics.d.ts +14 -0
  32. package/dist/apps/design-system-dashboard/scoring/naming-semantics.d.ts.map +1 -0
  33. package/dist/apps/design-system-dashboard/scoring/naming-semantics.js +309 -0
  34. package/dist/apps/design-system-dashboard/scoring/naming-semantics.js.map +1 -0
  35. package/dist/apps/design-system-dashboard/scoring/token-architecture.d.ts +14 -0
  36. package/dist/apps/design-system-dashboard/scoring/token-architecture.d.ts.map +1 -0
  37. package/dist/apps/design-system-dashboard/scoring/token-architecture.js +350 -0
  38. package/dist/apps/design-system-dashboard/scoring/token-architecture.js.map +1 -0
  39. package/dist/apps/design-system-dashboard/scoring/types.d.ts +89 -0
  40. package/dist/apps/design-system-dashboard/scoring/types.d.ts.map +1 -0
  41. package/dist/apps/design-system-dashboard/scoring/types.js +41 -0
  42. package/dist/apps/design-system-dashboard/scoring/types.js.map +1 -0
  43. package/dist/apps/design-system-dashboard/server.d.ts +23 -0
  44. package/dist/apps/design-system-dashboard/server.d.ts.map +1 -0
  45. package/dist/apps/design-system-dashboard/server.js +157 -0
  46. package/dist/apps/design-system-dashboard/server.js.map +1 -0
  47. package/dist/browser/base.d.ts +9 -1
  48. package/dist/browser/base.d.ts.map +1 -1
  49. package/dist/browser/local.d.ts +7 -2
  50. package/dist/browser/local.d.ts.map +1 -1
  51. package/dist/browser/local.js +37 -2
  52. package/dist/browser/local.js.map +1 -1
  53. package/dist/cloudflare/apps/design-system-dashboard/scoring/accessibility.js +277 -0
  54. package/dist/cloudflare/apps/design-system-dashboard/scoring/component-metadata.js +357 -0
  55. package/dist/cloudflare/apps/design-system-dashboard/scoring/consistency.js +341 -0
  56. package/dist/cloudflare/apps/design-system-dashboard/scoring/coverage.js +230 -0
  57. package/dist/cloudflare/apps/design-system-dashboard/scoring/engine.js +92 -0
  58. package/dist/cloudflare/apps/design-system-dashboard/scoring/fix-generator.js +269 -0
  59. package/dist/cloudflare/apps/design-system-dashboard/scoring/fix-types.js +7 -0
  60. package/dist/cloudflare/apps/design-system-dashboard/scoring/naming-semantics.js +308 -0
  61. package/dist/cloudflare/apps/design-system-dashboard/scoring/token-architecture.js +349 -0
  62. package/dist/cloudflare/apps/design-system-dashboard/scoring/types.js +40 -0
  63. package/dist/cloudflare/apps/design-system-dashboard/server.js +156 -0
  64. package/dist/cloudflare/browser/cloudflare.js +1 -1
  65. package/dist/cloudflare/browser-manager.js +1 -1
  66. package/dist/cloudflare/core/figma-desktop-connector.js +22 -0
  67. package/dist/cloudflare/index.js +23 -2
  68. package/dist/core/figma-desktop-connector.d.ts +4 -0
  69. package/dist/core/figma-desktop-connector.d.ts.map +1 -1
  70. package/dist/core/figma-desktop-connector.js +22 -0
  71. package/dist/core/figma-desktop-connector.js.map +1 -1
  72. package/dist/local.d.ts.map +1 -1
  73. package/dist/local.js +800 -258
  74. package/dist/local.js.map +1 -1
  75. package/figma-desktop-bridge/code.js +35 -0
  76. package/figma-desktop-bridge/ui.html +5 -0
  77. 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
- The first MCP App is the **Token Browser** — an interactive design token explorer.
529
+ An interactive design token explorer.
530
530
 
531
- **Usage:** Ask Claude to "browse design tokens" or "show me the design tokens" for any Figma file.
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
- The Token Browser is the first of several planned MCP Apps:
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