hello! I was testing out a set up in a Figma file and I was wondering about a scenario where a component was updated in the Figma Design System library file by a designer, how would those changes be carried over to developers? Is there a specific command developers can run to pull the changes and update their code, or would they have to do this manually?
The pipeline from connecting a component from code to design works just fine, so long as you don't have the file made yet. But once the file exists and for example a designer adds another set of variants to the code, then the generated code isn't updated anymore.
To explicitly spell out what I was doing:
- I used the existing Simple Design System file from Figma Community and followed the steps laid out in the Code Connect docs.
- I also cloned the figma/sds Github repo to follow along the code aspect and had the React files just ready.
- I ran
figma connect createwith the Button component and it was successful; it created theButton.figma.tsxfile, and I even mapped the properties and it worked fine when I went back into Figma Dev Mode to see the code snippet update based on the selected component properties. - This is where my scenario starts: I then updated the Button component and added a variant (for the sake of simplicity, I just added a size=Large variant with extended padding that was different from the size=Medium variant) and published the changes within Figma.
- After doing this on the Figma Design side, I now have no idea if there’s a way to get the new Large variant incorporated in the
Button.figma.tsxthat was generated initially.- Is this just something devs should do manually then?
This was what I was testing out and I couldn't figure it out based on my internet sleuthing. Hoping someone else has had experience here, either let me know what to do or if it's not something covered by Code Connect at all 😅 thanks!