code-connect
code-connect copied to clipboard
A tool for connecting your design system components in code with your design system in Figma
# Code Connect validation uses outdated Storybook node IDs instead of .figma.tsx > **Note:** URLs and design system names have been redacted for privacy. Node IDs have been obfuscated but...
Our UX team is using nested components for reusability in Figma which has created a challenge for us when hooking it up to code connect. It seems like code connect...
Describe the feature you'd like: ### TL;DR: It would be amazing to have the functionality to automatically scaffold code from a Figma design by offering interfaces to walk layers in...
## Bug Description When using `figma.string()` inside a conditional boolean prop mapping, the generated code snippet shows the template literal `{ figma.string('Property Name') }` instead of the actual string value...
### Problem Description Our project uses Zod v4.0.17, but Figma Code Connect currently depends on Zod v3, causing compatibility issues that prevent us from using Code Connect in our design...
**Environment**: - Code Connect: v1.3.4 - OS: macOS 15.6 - Framework: HTML/Web Components **Issue:** Code Connect files publish successfully via CLI, but Figma Dev Mode shows "Something went wrong with...
Iβm using Code Connect and would like generated code snippets to omit nested components entirely when they are mapped to β`undefined` or not present, especially for cases like secondary buttons...
Please provide: - Code Connect CLI version 1.3.4 - The project is inside docker with node 22 I am using code connect to connect vue code with my design, I...
π Description Currently, when Code Connect renders object-type props, properties with undefined values are still displayed in code examples, resulting in unnecessarily verbose and cluttered code snippets. π Current Behavior...
Iβm having trouble getting nested props to show up in the code preview for a parent component using Code Connect. Hereβs the setup: β’ I have a β`PageHeader` component that...