Framework by Figma - Code Connect, Typography and Gradient Variables

#figma just announced Code Connect a very welcomed feature where you can setup your component with the Figma API
A walkthrough and very basic example on how to setup Code Connect with initial commands, how this will fit on Green Design System an more...
Super excited with the Code Connect announcement!
Having common language between developers and designers especially when doing a Design System is very important.
In my workplace we mitigate issues by fetching for example images directly from the Figma API and have them as inline SVG. in turn is more performing, no network request, and always up to date, since we fetch on build process and combined with Contentlayer has proved to be a very good process.
So having specifications in order is very important and now it has never been easier, where we write the stories there is where yo u can document and have the Figma Connect features to show those examples directly in Figma dev mode when inspecting components, basically having proper install paths and more.
For those who do design systems and Figma this will be game changing.
However I was a bit disappointed to see that only on the Organization plan Code Connect is available.
--
#designsystems

[@astrit]

The Code Connect repo:
github.com/figma/code-connect

[@BrookeMotis]

Yay! I've been waiting for someone to make a video on this. Thank you!

[@astrit]

Glad you found it 🥳

[@gjonsonberisha]

Very good new feature, figmas getting better every year, sadly it only works with the organization plan, nice vid ❤

[@astrit]

Glad to know you like em ❤️

[@gjonsonberisha]

@@astritlol i meant to say "it only works with" hahaha 😂

[@user-qh8nx9yb8o]

What if I'm using bootstrap 5. I can change sass variables. Do I still need codeconnect for basic components like buttons?

[@astrit]

Depends on your use case and I would say the volume pf people accessing your design system, if not many people would go to dev mode and look for that type of information I don’t think is feasible to do this.
But if you want a streamlined process and you want to prepare ahead then yes definitely worth it.

[@emanoelv]

They should've released it for Flutter in the beta. So sad :/

[@astrit]

It will probably come soon, since is open source I guess people will contribute to it!