MCP Server Not Using Code Connect Mappings for Angular Components

Abierto
#340 7 comentarios 3 reacciones 0 asignados Ver en GitHub

Nadie ha tomado este issue todavía.

Evaluación

Dificultad
4/5
Tiempo estimado
3-5 días
Aptitud para principiantes
35/100
Tipo de issue
Error
Claridad
Bastante claro
Estado de actividad
Estancado
Stack tecnológico
angular, typescript

Línea de trabajo

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.

Escrito por el modelo de indexación a partir del texto del issue.

Descripción

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

Lenguaje dominante
TypeScript
Estrellas
1.6k
Forks
126
Métricas de merge de PR
Sin PR fusionados en 30 d

Preparar el entorno

Este proyecto no incluye contenedor de desarrollo, Dockerfile ni guía de contribución, así que la configuración corre por tu cuenta: empieza por su README y consulta nuestra guía para la primera contribución para los pasos generales.

Primeros pasos

  1. Lee el issue completo y luego la guía de contribución del proyecto.
  2. Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
  3. Haz un fork del repositorio y trabaja en una rama.
  4. Abre un pull request que haga referencia al número del issue.

Más de figma/code-connect

Todos los issues de figma/code-connect

Issues similares

Más issues de TypeScript

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.