[figma] Support Figma Code Connect

[oliviertassinari]

Summary

Figma made Figma Code Connect generally available at Figma Config 2024: https://www.figma.com/blog/introducing-code-connect/. They have also worked to bring it to the built-in design system, e.g.

Swift UI (Swift, iOS)

Jetpack Compose (Kotlin, Android)

Motivation

It's similar to what we did for #111.

But it's different:

• The code output in Figma Code Connect matches the props used in Figma
• The code output in Figma Code Connect matches with the value of the children

It's closer to be usable.

In our case, we would use https://www.npmjs.com/package/@figma/code-connect.

[adrianmanea]

I have looked over the Code Connect, but unfortunately it's only available for bigger plans which costs >€1,620/year. I wonder how many of our customers can benefit from this feature.

Also, I'm not able to use the Code Connect anymore, it requires a permission from the API key I'm not seeing in my account:

[oliviertassinari]

@adrianmanea Oh, I see, true https://www.figma.com/pricing/

You have to pay x3 more.

Maybe #43 is just a better solution for this problem. Imagine #111 (comment) but where that output is coming from #43 applied to one component, while you can use #43 to output the whole frame.