code-connect

code-connect copied to clipboard

Rendering `figma.string` inside a component.

1

- Code Connect CLI version: 1.0.5 - Operating system: macOS ### Ask I have a component in Figma that needs to output code similar to below: ``` icon_name Your text...

rkieru

Howto: code-connect with (icon) subcomponents

5

- Code Connect CLI version: 1.0.1 - Operating system: MacOS: 14.5 (23F79) - Code Connect file, Figma design and/or relevant code snippet that could help us get more context (see...

glomotion

Can we get an option to remove a React Fragment from Code Connect?

4

We use Nested Components within our Design Kit. Most of the time, this component serves a purpose of just functionality and isn't necessarily the actual parent of the children. For...

Meloyski

Map a code component to a combination of variants in Figma - Android Compose.

3

Please provide: - Code Connect CLI version: 1.0.5 - Operating system: macOS Sonoma 14.5 (23F79) I am trying to connect the PrimaryButton component which has multiple variants. most of the...

mozahersalem

**Current behaviour** The annotations currently reside in the plugin artifact which has Kotlin compiler, KotlinPoet and Kotlin serialization among its dependencies, but annotations are supposed to be used in an...

technoir42

[compose] `figma connect create` command not working

2

- Code Connect CLI version **-->** `1.0.5` - Operating system **-->** `Mac OS` **figma.config.json file:** I'm running this command `figma connect create "https://www.figma.com/design/example/2024-New-Atomic-Design-System-WIP?node-id=6516-64792&m=dev" --token ***redacted**** --verbose` And I'm getting the...

cairacshields

Confused about "What is the URL of the Figma file containing your design system library?"

5

Hey! I am trying to test out Code Connect and I got stuck on this question. Is the expectation that there's a single large file containing the whole design library?...

mrlubos

Kebab-case does not work with importPaths in figma config.

1

- figma.config.json ```json { "codeConnect": { "importPaths": { "src/*": "@test" } } } ``` - not kebab-case ```javascript import { SideSheet } from "./sidesheet.js"; figma.connect( SideSheet, "https://www.figma.com/...", ... ) ```...

jongjunpark

combine figma.boolean with figma.nestedProps

7

We use nested components in our design system quite a lot and utilize `figma.nestedProps` to map their props to the parents props in code. Only thing that doesn't work for...

bastifudali

How can i change property of "nestedProps" depending on conditional

4

- **`stickyHeader: false`** -> has `type`, `withDescription`, `closeButton` properties - **`stickyHeader: true`** -> hide `type`, `withDescription`, `closeButton` properties How can I control it?

jongjunpark