MCP Server Not Using Code Connect Mappings for Angular Components

Offen
#340 7 Kommentare 3 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen

Dieses Issue hat noch niemand übernommen.

Bewertung

Schwierigkeit
4/5
Geschätzter Aufwand
3-5 Tage
Anfängerfreundlichkeit
35/100
Issue-Typ
Bug
Klarheit
Größtenteils klar
Aktivitätsstatus
Veraltet
Tech-Stack
angular, typescript

Rechercherichtung

Start by tracing the MCP server's get-design-context entry point and how it retrieves Code Connect mappings for selected components; the issue does not name specific files or tests. Compare that path with the mapping visible in Figma Dev Mode, using the Angular mapping for node 3:2230 as the reproduction. Done means the response uses the configured custom-select mapping for both individual and frame selections.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Beschreibung

API question

Issue Summary:
MCP server returns generic React/Tailwind code instead of configured Angular Code Connect mappings when using get-design-context.

Steps to Reproduce:

  • Set up Code Connect CLI mapping for Angular component using @figma/code-connect/html
  • Successfully publish mapping with figma connect publish (no errors)
  • Verify connection shows in Figma Dev Mode with "connected" label
  • Select connected component in Dev Mode
  • Call get-design-context from MCP server

Expected Result:
MCP server should return Angular component code (e.g., ) as defined in Code Connect mapping.

Actual Result:
MCP server returns generic React/Tailwind HTML instead of the mapped Angular component code.

Environment:

  • Code Connect CLI: v1.3.9
  • Figma: v125.9.10
  • Framework: Angular
  • Code Connect mapping language: HTML
  • OS: macOS

Additional Context:

Code Connect mapping works correctly in Figma UI (shows connected Angular code)
Issue occurs for both individual component selection and frame-level selections
Mapping successfully published and visible in Dev Mode
Node mapping confirmed: 3:2230 → custom-select from @components/custom-select

Vorherrschende Sprache
TypeScript
Sterne
1.6k
Forks
126
PR-Merge-Kennzahlen
Keine gemergten PRs in 30 T.

Entwicklungsumgebung

Dieses Projekt bietet weder Dev-Container noch Dockerfile noch Beitragsleitfaden – die Einrichtung liegt bei Ihnen. Beginnen Sie mit der README; die allgemeinen Schritte stehen in unserem Leitfaden für den ersten Beitrag.

Erste Schritte

  1. Lesen Sie das ganze Issue und danach den Beitragsleitfaden des Projekts.
  2. Schreiben Sie ins Issue, dass Sie es übernehmen — das erspart doppelte Arbeit.
  3. Forken Sie das Repository und arbeiten Sie in einem Branch.
  4. Öffnen Sie einen Pull Request, der die Issue-Nummer nennt.

Mehr aus figma/code-connect

Alle Issues in figma/code-connect

Ähnliche Issues

Weitere Issues zu TypeScript

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.