ref(figma) setup config

eslint.config.mjs

@@ -246,6 +246,7 @@ export default typescript.config([
     '**/vendor/**/*',
     'build-utils/**/*',
     'config/chartcuterie/config.js',
+    'figma.config.json',
     'fixtures/artifact_bundle/**/*',
     'fixtures/artifact_bundle_debug_ids/**/*',
     'fixtures/artifact_bundle_duplicated_debug_ids/**/*',
@@ -1224,4 +1225,11 @@ export default typescript.config([
       'boundaries/element-types': 'off',
     },
   },
+  {
+    name: 'files/figma-code-connect',
+    files: ['**/*.figma.{tsx,jsx}'],
+    rules: {
+      'boundaries/element-types': 'off',
+    },
+  },
 ]);

figma.config.json

@@ -0,0 +1,11 @@
+{
+  "codeConnect": {
+    "label": "React",
+    "parser": "react",
+    "interactiveSetupFigmaFileUrl": "https://www.figma.com/design/eTJz6aPgudMY9E6mzyZU0B/%F0%9F%90%A6-Components?node-id=8157-12490&p=f&t=boeFn5xr6XF6ljEJ-0",
+    "include": ["**/*.{tsx,jsx}"],
+    "paths": {
+      "@sentry/scraps/*": ["static/app/components/core/*"]
+    }
+  }
+}

knip.config.ts

@@ -50,6 +50,8 @@ const config: KnipConfig = {
     ...testingEntryPoints,
     ...storyBookEntryPoints,
     'static/eslint/**/index.mjs',
+    // figma code connect files - consumed by Figma CLI
+    'static/**/*.figma.{tsx,jsx}',
   ],
   project: [
     'static/**/*.{js,mjs,ts,tsx}!',

package.json

@@ -178,15 +178,16 @@
     "swc-plugin-component-annotate": "1.13.0",
     "ts-checker-rspack-plugin": "1.2.6",
     "tslib": "^2.8.1",
-    "typescript": "5.9.3",
     "type-fest": "^5.2.0",
+    "typescript": "5.9.3",
     "zrender": "6.0.0",
     "zxcvbn": "^4.4.2"
   },
   "devDependencies": {
     "@codecov/webpack-plugin": "^1.9.0",
     "@emotion/eslint-plugin": "^11.12.0",
     "@eslint/js": "9.32.0",
+    "@figma/code-connect": "^1.3.12",
     "@ianvs/prettier-plugin-sort-imports": "4.6.1",
     "@prettier/plugin-oxc": "0.0.4",
     "@sentry-internal/rrweb-types": "2.40.0",