Skip to content

Comments

feat: Update Code Connect configuration and fix Radio component mapping#8

Open
beaucalvez wants to merge 1 commit intomainfrom
feat/radio-button-code-connect
Open

feat: Update Code Connect configuration and fix Radio component mapping#8
beaucalvez wants to merge 1 commit intomainfrom
feat/radio-button-code-connect

Conversation

@beaucalvez
Copy link
Collaborator

Summary

  • Fixed Radio.figma.tsx component mapping by removing value and name props that don't exist in Figma
  • Updated figma.config.json to include all .tsx files for proper import resolution
  • Created figma-publish.sh script to properly load environment variables from .env.local
  • Updated package.json to use the shell script for figma:publish command
  • Successfully published all 41 Code Connect components to Figma

What Changed

  1. Radio.figma.tsx: Removed value and name from mapped props (they don't exist in Figma component), now using static values
  2. figma.config.json: Changed include pattern from *.figma.tsx to *.tsx to resolve component imports
  3. scripts/figma-publish.sh: New script that sources .env.local before running figma connect publish
  4. package.json: Updated figma:publish script to use the new shell script

Test Plan

  • Radio component Code Connect tested and working
  • All 41 components successfully published to Figma
  • npm run figma:publish works correctly
  • Verified Code Connect shows correct React code in Figma Dev Resources panel

Components Published

Typography, Overlays, Navigation, Misc, Inputs, Feedback, DataDisplay, Combobox, and Buttons (41 total)

Made with Cursor

- Fix Radio.figma.tsx to remove value and name props (not in Figma component)
- Update figma.config.json to include all .tsx files for proper import resolution
- Add figma-publish.sh script to properly load .env.local token
- Update package.json to use shell script for figma:publish command
- Successfully published 41 Code Connect components to Figma

The Code Connect setup now works correctly with npm run figma:publish
and properly maps all component properties from Figma to React code.

Co-authored-by: Cursor <cursoragent@cursor.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant