Code Connect v1.4.4

Author: figma-bot

CHANGELOG.md

@@ -1,3 +1,32 @@
+# Code Connect v1.4.4 (22 April 2026)
+
+## Fixed
+
+### General
+
+- Bumped Lodash version from 4.17 to 4.18 to address vulnerability [CVE-2021-23337](https://www.cve.org/CVERecord?id=)
+
+### Storybook
+
+- Storybook files with `.ts`, `.jsx`, or `.js` extensions (e.g. `Button.stories.jsx`) are now discovered by the CLI. Previously only `.stories.tsx` files were picked up.
+
+### Template files
+
+- `--exit-on-unreadable-files` is now respected for template files (`.figma.ts` / `.figma.js`)
+- Fixed batch data not being picked up when rendering Code Connect snippets
+
+## Features
+
+### General
+
+- Added `--force` flag to `figma connect publish`. When Figma already has UI-created Code Connect mappings for one or more nodes, publishing will now show a warning instead of failing silently. Use `--force` to overwrite those existing mappings with the Code Connect files from your codebase.
+- The `connect create` command can now generates template files.
+- Added `preview` command: you can now run `npx figma connect preview {fileUrl}` to locally preview a Code Connect file without having to publish it.
+
+### Template files
+
+- Added batch template support (`.figma.batch.json` + `.figma.batch.ts`). A batch file defines a shared template and an array of component entries, allowing hundreds of similar components (e.g. icons) to be Code Connected without individual template files. Per-entry data is available in the template via `figma.batch`.
+
 # Code Connect v1.4.3 (1st April 2026)
 
 ## Fixed

cli/figma-types.d.ts

@@ -154,6 +154,9 @@ declare module 'figma' {
   ) => TemplateStringResult
 
   export interface Figma {
+    /** Per-entry data from a .figma.batch.json file. Available in batch templates. */
+    readonly batch: Record<string, any>
+
     /** The currently selected component instance */
     readonly selectedInstance: InstanceHandle & { readonly __properties__: FigmaProperties }
     /** Alias for selectedInstance */

cli/npm_catalog.toml

@@ -98,7 +98,7 @@
 "@babel/template" = "7.28.5"
 "@babel/traverse" = "7.28.5"
 "@babel/types" = "7.28.5"
-"eslint" = "^9.36.0"
+"eslint" = "9.37.0"
 "eslint-config-prettier" = "^9.1.0"
 "eslint-plugin-clsx" = "^0.0.12"
 "eslint-plugin-import" = "^2.32.0"
@@ -110,7 +110,7 @@
 "eslint-import-resolver-typescript" = "^4.4.4"
 "eslint-plugin-testing-library" = "^7.15.4"
 "eslint-plugin-workspaces" = "^0.11.1"
-"@eslint/js" = "^9.23.0"
+"@eslint/js" = "9.37.0"
 "@eslint/config-helpers" = "^0.4.0"
 "@vitest/eslint-plugin" = "^1.6.6"
 "@typescript-eslint/eslint-plugin" = "8.52.0"
@@ -136,11 +136,26 @@
 "jest-cli" = "^29.7.0"
 "jest-junit" = "16.0.0"
 "ts-jest" = "^29.2.5"
+"c8" = "^11.0.0"
 "just-bash" = "^2.10.2"
+"@lexical/clipboard" = "0.21.0"
+"@lexical/code" = "0.21.0"
+"@lexical/devtools-core" = "0.21.0"
+"@lexical/headless" = "0.21.0"
+"@lexical/history" = "0.21.0"
+"@lexical/html" = "0.21.0"
+"@lexical/link" = "0.21.0"
+"@lexical/list" = "0.21.0"
+"@lexical/markdown" = "0.21.0"
+"@lexical/react" = "0.21.0"
+"@lexical/rich-text" = "0.21.0"
+"@lexical/selection" = "0.21.0"
+"@lexical/utils" = "0.21.0"
+"lexical" = "0.21.0"
 "@types/lodash" = "4.17.20"
 "@types/lodash-es" = "4.17.12"
-"lodash" = "4.17.23"
-"lodash-es" = "4.17.23"
+"lodash" = "4.18.1"
+"lodash-es" = "4.18.1"
 "@oclif/core" = "3.27.0"
 "@storybook/addon-actions" = "8.5.1"
 "@storybook/addon-a11y" = "8.5.1"
@@ -176,14 +191,14 @@
 "@tanstack/react-router-devtools" = "1.130.0"
 "webpack" = "5.91.0"
 "webpack-cli" = "5.1.4"
-"modal" = "^0.6.0"
+"modal" = "0.7.2"
 "@axe-core/playwright" = "4.11.0"
 "@bazel/runfiles" = "^6.3.1"
 "@figma/plugin-typings" = "1.121.0"
 "@figma/widget-typings" = "1.12.1"
 "@formatjs/icu-messageformat-parser" = "^2.11.2"
 "@modelcontextprotocol/ext-apps" = "1.0.1"
-"@modelcontextprotocol/sdk" = "1.24.0"
+"@modelcontextprotocol/sdk" = "1.27.0"
 "@opentelemetry/api" = "^1.9.0"
 "@sentry/cli" = "2.58.3"
 "@tanstack/react-virtual" = "3.13.18"
@@ -200,7 +215,7 @@
 "csstype" = "^3.2.3"
 "dayjs" = "^1.11.19"
 "esbuild" = "0.25.0"
-"flatted" = "^3.3.3"
+"flatted" = "^3.4.2"
 "jotai" = "2.9.3"
 "intl-messageformat" = "^10.7.14"
 "graphql" = "16.12.0"
@@ -216,7 +231,9 @@
 "react-dom" = "18.3.1"
 "react-redux" = "8.0.5"
 "react" = "18.3.1"
-"sharp" = "0.33.5"
+"sharp" = "0.34.5"
+"@img/sharp-darwin-arm64" = "0.34.5"
+"@img/sharp-linux-x64" = "0.34.5"
 "sinon" = "^17.0.1"
 "ts-morph" = "^27.0.0"
 "ts-node" = "^10.9.2"

cli/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@figma/code-connect",
-  "version": "1.4.3",
+  "version": "1.4.4",
   "description": "A tool for connecting your design system components in code with your design system in Figma",
   "keywords": [],
   "author": "Figma",
@@ -11,6 +11,10 @@
       "types": "./dist/react/index_react.d.ts",
       "default": "./dist/react/index_react.js"
     },
+    "./cli-commands-template": {
+      "types": "./dist/commands/connect_template.d.ts",
+      "default": "./dist/commands/connect_template.js"
+    },
     "./html": {
       "types": "./dist/html/index_html.d.ts",
       "default": "./dist/html/index_html.js"
@@ -106,7 +110,7 @@
     "find-up": "^5.0.0",
     "glob": "^11.0.4",
     "jsdom": "^24.1.1",
-    "lodash": "4.17.23",
+    "lodash": "4.18.1",
     "minimatch": "^9.0.3",
     "ora": "^5.4.1",
     "parse5": "^7.1.2",