MCP Server Not Using Code Connect Mappings for Angular Components

Aberta
#340 7 comentários 3 reações 0 responsáveis Ver no GitHub

Ninguém assumiu esta issue ainda.

Avaliação

Dificuldade
4/5
Tempo estimado
3-5 dias
Facilidade para iniciantes
35/100
Tipo de issue
Bug
Clareza
Razoavelmente clara
Status de atividade
Estagnada
Stack de tecnologia
angular, typescript

Direção de pesquisa

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.

Escrita pelo modelo de indexação a partir do texto da issue.

Descrição

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

Linguagem predominante
TypeScript
Estrelas
1.6k
Forks
126
Métricas de merge de PRs
Nenhum PR com merge em 30d

Preparar o ambiente

Este projeto não oferece contêiner de desenvolvimento, Dockerfile nem guia de contribuição, então a configuração fica por sua conta: comece pelo README e veja nosso guia da primeira contribuição para os passos gerais.

Primeiros passos

  1. Leia a issue inteira e depois o guia de contribuição do projeto.
  2. Comente na issue dizendo que vai assumir — evita que duas pessoas façam o mesmo trabalho.
  3. Faça um fork do repositório e trabalhe em uma branch.
  4. Abra um pull request que referencie o número da issue.

Mais de figma/code-connect

Todas as issues de figma/code-connect

Issues semelhantes

Mais issues de TypeScript

Receba novas issues na sua caixa de entrada

Um resumo curto de issues do GitHub para quem está começando.