MCP Server Not Using Code Connect Mappings for Angular Components
Nobody has claimed this yet.
Assessment
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Newbie friendliness
- 35/100
- Issue type
- Bug
- Clarity
- Mostly clear
- Activity status
- Stale
- Tech stack
- angular, typescript
- Domain
- backend-api-design
Research direction
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.
Written by the indexing model from the issue text.
Description
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
- Dominant language
- TypeScript
- Stars
- 1.6k
- Forks
- 126
- PR merge metrics
- No merged PRs in 30d
Getting set up
This project ships no dev container, Dockerfile or contributing guide, so setting up is up to you: start from its README, and see our first-contribution guide for the general steps.
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
More from figma/code-connect
-
normalizePropName strips `#` characters from Figma property names instead of only the `#id` suffixOpen
Difficulty 2/5 1-3 hours Newbie friendliness 72/100
figma/code-connect#419 ·
-
feature request
Difficulty 2/5 1-3 hours Newbie friendliness 66/100
figma/code-connect#403 ·
-
feature request
Difficulty 5/5 Over a week Newbie friendliness 38/100
figma/code-connect#414 ·
-
feature request
Difficulty 4/5 3-5 days Newbie friendliness 48/100
figma/code-connect#413 · 1 comment ·
-
feature request
Difficulty 4/5 3-5 days Newbie friendliness 54/100
figma/code-connect#412 · 1 comment ·
All issues in figma/code-connect
Similar issues
-
Difficulty 2/5 1-3 hours Newbie friendliness 78/100
-
bug
Difficulty 2/5 1-3 hours Newbie friendliness 70/100
jeanibarz/knowledge-base-mcp-server#1268 ·
Maintainers usually reply within 1 day
-
Difficulty 1/5 Under an hour Newbie friendliness 78/100
Koenkk/zigbee-herdsman-converters#13820 ·
Maintainers usually reply within 2 days
-
A live recovery copy treats a large whole number and text with the same digits as the same valueOpenbug sharing & sync
Difficulty 2/5 1-3 hours Newbie friendliness 64/100
Maintainers usually reply within 1 day
-
[prefer-expect-resolves] autofix leaves a stray ")" when the awaited expression is parenthesizedOpen
Difficulty 2/5 1-3 hours Newbie friendliness 78/100
jest-community/eslint-plugin-jest#2052 ·