Skip to content

language: "dart" is in SyntaxHighlightLanguage enum but produces no syntax highlighting in Figma Dev Mode #405

Description

@adriancmiranda

Code Connect CLI version: 1.4.8
Operating system: macOS 15 (Darwin)

Question / Bug report

dart is listed as a valid value in the SyntaxHighlightLanguage enum (label_language_mapping.js), and the CLI accepts and uploads it without any validation error — yet Figma Dev Mode renders the snippet with no syntax highlighting at all.

Relevant config

figma.flutter.config.json:

{
  "codeConnect": {
    "parser": "custom",
    "label": "Flutter",
    "language": "dart",
    "parserCommand": "just -f recipes/figma.just _parse-flutter",
    "include": ["figma-connect/flutter/**/*.flutter.figma.ts"]
  }
}

Custom parser output (per doc in the docs array):

{
  "label": "Flutter",
  "language": "dart",
  "template": "const figma = require('figma')\n\nexport default figma.code`EleanorIcons.arrowDown1(size: 24)`"
}

CLI output during publish:

Using language "dart"
Validating Code Connect files...
Successfully uploaded to Figma, for Flutter: ...

What I expected

Dart syntax highlighting applied to the snippet in the Flutter tab of Dev Mode.

What actually happened

The snippet displays as plain text — no colors.

Workaround found

Switching "language" to "kotlin" (same pipeline, same template) immediately produces syntax highlighting. Kotlin is a reasonable approximation for Dart, but not ideal.

This suggests the CLI side is working correctly and the issue is in Figma Dev Mode's frontend not handling "dart" as a highlight language despite it being in the enum.

Metadata

Metadata

Assignees

Labels

bugSomething isn't working

Type

No type
No fields configured for issues without a type.

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions