search

mui / mui-design-kits

The public feature and bug tracker for the MUI Design kits and Connect Figma plugin.
https://mui.com/design-kits/
109 stars 16 forks source link

[figma] Support Figma Code Connect #359

Open oliviertassinari opened 2 months ago

oliviertassinari commented 2 months ago

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)

SCR-20240629-ciyh

Jetpack Compose (Kotlin, Android)

SCR-20240629-cjne

Motivation

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

SCR-20240629-clfh

But it's different:

It's closer to be usable.

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

adrianmanea commented 2 months ago

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.

image

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:

image
oliviertassinari commented 2 months ago

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

image

You have to pay x3 more.

Maybe #43 is just a better solution for this problem. Imagine https://github.com/mui/mui-design-kits/issues/111#issuecomment-1284591245 but where that output is coming from #43 applied to one component, while you can use #43 to output the whole frame.