Releases: figma/code-connect
Code Connect v1.1.1
Features
HTML
-
Added support for documenting HTML-based frameworks (including Web Components, Angular and Vue), using the new
html
parser. See the documentation for more information.HTML support for Code Connect is in preview, and the API is liable to change during this period. Please let us know your feedback via GitHub Issues.
SwiftUI
- Added a
swiftPackagePath
configuration option to specify a custom path to aPackage.swift
file to run Code Connect from.
React
- Code Connect files created in the CLI assistant will now start including some auto-generated prop mappings between Figma properties and linked code props. This is an early feature and support for different prop types is limited.
General
- Restructured the Code Connect documentation. All documentation can now be found in the docs directory.
Fixed
React
figma.nestedProps
can now be used in conjunction withfigma.boolean
for conditionally hidden nested instances (fixes #118, #89)- Fixed an issue where backticks could not be used in the example code (fixes #139)
- Fixed an issue with wildcard paths in import mappings
- Fixed an error when trying to use the icon script with component sets
General
- Fixed an issue where the
@figma/[email protected]
npm package had an incorrect README
Code Connect v1.0.6
Fixed
React
- Fixed issue where props with special characters such as hyphens would not render properly. (#116)
Features
React
- figma.enum now supports floating point numbers
Compose
- Update the dependency for Code Connect to use Kotlin 2.0 libraries
Code Connect v1.0.5
Fixed
React
- Fixed an issue around creation of Code Connect files from the CLI assistant (fixes #125)
Code Connect v1.0.4
Fixed
React
- Fixed rendering of identifiers, functions and objects when used as children
SwiftUI
- Updated the
component
definition in FigmaConnect protocol to be optional and have a default implementation.
Compose
- Added a more helpful error message when the JDK version is too low.
Features
General
- Added error message to suggest splitting publish when request too large
- CLI assistant support for selecting file exports to use in Code Connect template
- New --batch-size argument for publish command in order to split uploading into smaller "batches". This will allow for large uploads without having to split running the publish command with different directories.
Code Connect v1.0.3
Fixed
General
React
- Add support for hyphens in prop names (fixes #97)
SwiftUI
- Fixed
checkouts
folder resolution edge case
Compose
- Fixed issue with
create
command creating invalid code - Added import resolution for components
Features
General
- Added support for SwiftUI and Compose in the CLI Assistant
- Added
--skip-update-check
flag - Added
--label
flag to thepublish
andunpublish
commands to publish or unpublish to a custom label - We now print the label used when running the
publish
command - Improved autolinking algorithm
Code Connect v1.0.2
Fixed
General
- Improvements to CLI Assistant
React
- Prevent rendering empty strings as prop values (Fixes: #67)
- Fix output when there are multiple return statements
- Fix wildcard importPaths mappings with nested folders
- Fix boolean mappings for lowercase boolean-like strings (Fixes: #70)
- Fix boolean-like keys in enums (Fixes: #74)
SwiftUI
- Fix spaces in Xcode file path
Code Connect v1.0.1
Fixed
General
-
The automatic update check introduced in v1.0.0 did not show the correct update command for React users with the
@figma/code-connect
package installed locally – it always showed the command for globally updating the package.We now show both
npm install @figma/code-connect@latest
andnpm install -g @figma/code-connect@latest
as options. React users with the package installed locally should usenpm install @figma/code-connect@latest
, and users of other targets (or with the package installed globally) should usenpm install -g @figma/code-connect@latest
.We have temporarily removed the
update
command added in v1.0.0.
Full release notes for 1.0.0
Features
General
- Added documentUrlSubstitutions config option
Jetpack Compose
- Added support for Android Jetpack Compose. See the README to get started
React
- Interactive setup flow, launched by running
figma connect
, which guides you through the setup process and auto-connects your components
Fixed
General
- Automatic config migration (added in v0.2.0) now correctly preserves
include
/exclude
config options - Icon script helpers moved to a named export so they can be imported correctly (see README)
React
- Nested helpers within
figma.nestedProps
now work as expected - Props can now be rendered in nested object props
SwiftUI
create
now outputs Swift files with the correct syntax
Full release notes for 0.2.1
Fixed
React
- Fixed a bug in v0.2.0 where source paths for components could be incorrect
- Fixed a bug in v0.2.0 where Code Connect files using the new prop types failed to validate
SwiftUI
- Fixed parsing of Code Connect files using
@FigmaChildren
annotations
Full release notes for 0.2.0
Breaking changes
-
Since 0.2.0 Code Connect now uses a single CLI tool for all supported targets. This ensures consistency and feature parity, and provides the foundations for our upcoming Android Compose and extensibility support.
For Code Connect Swift users, you should follow the updated CLI installation instructions to install the new CLI version, and update your Code Connect Swift package to
v0.2.0
by following the Swift installation instructions.For Code Connect React users, no change to installation is necessary, and you can simply update the npm dependency to
v0.2.0
.If you have a Code Connect configuration file, you will need to ensure it is located in your React or SwiftUI project root (e.g. alongside your
package.json
or.xcodeproj
file), and you will need to update it to remove the top levelreact
orswiftui
key. The Code Connect CLI will offer to update your config file for you, but in unusual cases a manual migration may be necessary. This allows us to simplify configuration going forward, as each target now has its own configuration file, situated in the project root.Please let us know via GitHub Issues if you encounter any problems.
Features
General
- Added
--outDir
option toconnect create
to specify output directory for created files
React
- Added support for nested properties, using
figma.nestedProps
- Added support for concatenating strings for CSS class names, using
figma.className
- Added support for text content from layers, using
figma.textContent
- Added support for wildcards with
figma.children
SwiftUI
- Added a new API for prop mapping, using
@FigmaString
,@FigmaBoolean
and@FigmaEnum
instead of@FigmaProp
. The old syntax is still supported, but we recommend using the new syntax going forward. - Added support for nested children, using the
@FigmaChildren
property wrapper - Added support for rendering single-statement nested Code Connect inline
Fixed
General
- Fixed detection of default git branch name
- Nested components now honour variant restrictions (fixes #54)
React
- Multiline JSX and strings are now supported in
figma.enum
values - Added support for objects, JSX and functions in
figma.boolean
enums - Imported values referenced from a
figma.enum
(e.g. values from an object orenum
) now render correctly (fixes #55)
Code Connect v1.0.0
Features
General
- Added documentUrlSubstitutions config option
Jetpack Compose
- Added support for Android Jetpack Compose. See the README to get started
React
- Interactive setup flow, launched by running
figma connect
, which guides you through the setup process and auto-connects your components
Fixed
General
- Automatic config migration (added in v0.2.0) now correctly preserves
include
/exclude
config options - Icon script helpers moved to a named export so they can be imported correctly (see README)
React
- Nested helpers within
figma.nestedProps
now work as expected - Props can now be rendered in nested object props
SwiftUI
create
now outputs Swift files with the correct syntax
Full release notes for 0.2.1
Fixed
React
- Fixed a bug in v0.2.0 where source paths for components could be incorrect
- Fixed a bug in v0.2.0 where Code Connect files using the new prop types failed to validate
SwiftUI
- Fixed parsing of Code Connect files using
@FigmaChildren
annotations
Full release notes for 0.2.0
Breaking changes
-
Since 0.2.0 Code Connect now uses a single CLI tool for all supported targets. This ensures consistency and feature parity, and provides the foundations for our upcoming Android Compose and extensibility support.
For Code Connect Swift users, you should follow the updated CLI installation instructions to install the new CLI version, and update your Code Connect Swift package to
v0.2.0
by following the Swift installation instructions.For Code Connect React users, no change to installation is necessary, and you can simply update the npm dependency to
v0.2.0
.If you have a Code Connect configuration file, you will need to ensure it is located in your React or SwiftUI project root (e.g. alongside your
package.json
or.xcodeproj
file), and you will need to update it to remove the top levelreact
orswiftui
key. The Code Connect CLI will offer to update your config file for you, but in unusual cases a manual migration may be necessary. This allows us to simplify configuration going forward, as each target now has its own configuration file, situated in the project root.Please let us know via GitHub Issues if you encounter any problems.
Features
General
- Added
--outDir
option toconnect create
to specify output directory for created files
React
- Added support for nested properties, using
figma.nestedProps
- Added support for concatenating strings for CSS class names, using
figma.className
- Added support for text content from layers, using
figma.textContent
- Added support for wildcards with
figma.children
SwiftUI
- Added a new API for prop mapping, using
@FigmaString
,@FigmaBoolean
and@FigmaEnum
instead of@FigmaProp
. The old syntax is still supported, but we recommend using the new syntax going forward. - Added support for nested children, using the
@FigmaChildren
property wrapper - Added support for rendering single-statement nested Code Connect inline
Fixed
General
- Fixed detection of default git branch name
- Nested components now honour variant restrictions (fixes #54)
React
- Multiline JSX and strings are now supported in
figma.enum
values - Added support for objects, JSX and functions in
figma.boolean
enums - Imported values referenced from a
figma.enum
(e.g. values from an object orenum
) now render correctly (fixes #55)
Code Connect v0.2.1
Fixed
React
- Fixed a bug in v0.2.0 where source paths for components could be incorrect
- Fixed a bug in v0.2.0 where Code Connect files using the new prop types failed to validate
SwiftUI
- Fixed parsing of Code Connect files using
@FigmaChildren
annotations
Full release notes for 0.2.0
Breaking changes
-
Since 0.2.0 Code Connect now uses a single CLI tool for all supported targets. This ensures consistency and feature parity, and provides the foundations for our upcoming Android Compose and extensibility support.
For Code Connect Swift users, you should follow the updated CLI installation instructions to install the new CLI version, and update your Code Connect Swift package to
v0.2.0
by following the Swift installation instructions.For Code Connect React users, no change to installation is necessary, and you can simply update the npm dependency to
v0.2.0
.If you have a Code Connect configuration file, you will need to ensure it is located in your React or SwiftUI project root (e.g. alongside your
package.json
or.xcodeproj
file), and you will need to update it to remove the top levelreact
orswiftui
key. The Code Connect CLI will offer to update your config file for you, but in unusual cases a manual migration may be necessary. This allows us to simplify configuration going forward, as each target now has its own configuration file, situated in the project root.Please let us know via GitHub Issues if you encounter any problems.
Features
General
- Added
--outDir
option toconnect create
to specify output directory for created files
React
- Added support for nested properties, using
figma.nestedProps
- Added support for concatenating strings for CSS class names, using
figma.className
- Added support for text content from layers, using
figma.textContent
- Added support for wildcards with
figma.children
SwiftUI
- Added a new API for prop mapping, using
@FigmaString
,@FigmaBoolean
and@FigmaEnum
instead of@FigmaProp
. The old syntax is still supported, but we recommend using the new syntax going forward. - Added support for nested children, using the
@FigmaChildren
property wrapper - Added support for rendering single-statement nested Code Connect inline
Fixed
General
- Fixed detection of default git branch name
- Nested components now honour variant restrictions (fixes #54)
React
- Multiline JSX and strings are now supported in
figma.enum
values - Added support for objects, JSX and functions in
figma.boolean
enums - Imported values referenced from a
figma.enum
(e.g. values from an object orenum
) now render correctly (fixes #55)
Code Connect v0.2.0
Breaking changes
-
Code Connect now uses a single CLI tool for all supported targets. This ensures consistency and feature parity, and provides the foundations for our upcoming Android Compose and extensibility support.
For Code Connect Swift users, you should follow the updated CLI installation instructions to install the new CLI version, and update your Code Connect Swift package to
v0.2.0
by following the Swift installation instructions.For Code Connect React users, no change to installation is necessary, and you can simply update the npm dependency to
v0.2.0
.If you have a Code Connect configuration file, you will need to ensure it is located in your React or SwiftUI project root (e.g. alongside your
package.json
or.xcodeproj
file), and you will need to update it to remove the top levelreact
orswiftui
key. The Code Connect CLI will offer to update your config file for you, but in unusual cases a manual migration may be necessary. This allows us to simplify configuration going forward, as each target now has its own configuration file, situated in the project root.Please let us know via GitHub Issues if you encounter any problems.
Features
General
- Added
--outDir
option toconnect create
to specify output directory for created files
React
- Added support for nested properties, using
figma.nestedProps
- Added support for concatenating strings for CSS class names, using
figma.className
- Added support for text content from layers, using
figma.textContent
- Added support for wildcards with
figma.children
SwiftUI
- Added a new API for prop mapping, using
@FigmaString
,@FigmaBoolean
and@FigmaEnum
instead of@FigmaProp
. The old syntax is still supported, but we recommend using the new syntax going forward. - Added support for nested children, using the
@FigmaChildren
property wrapper - Added support for rendering single-statement nested Code Connect inline
Fixed
General
- Fixed detection of default git branch name
- Nested components now honour variant restrictions (fixes #54)
React
- Multiline JSX and strings are now supported in
figma.enum
values - Added support for objects, JSX and functions in
figma.boolean
enums - Imported values referenced from a
figma.enum
(e.g. values from an object orenum
) now render correctly (fixes #55)