figma-plugin-react-vite icon indicating copy to clipboard operation
figma-plugin-react-vite copied to clipboard

Figma UI styled components, that supports light/dark mode

Open bromso opened this issue 4 months ago • 4 comments

Just built this plugin with this template: https://www.figma.com/community/plugin/1549514905358542620/bano

So I and people in the Figma community using the plugin thanks you so very much for this! ❤️

Maybe this is more a question than a feature request; wouldn't it be good to have ready made UI components to be included in this boilerplate, that follows the aesthetic of Figma native UI, and that also supports light/dark mode inside of Figma?

Again, thank you for your wonderful work!

bromso avatar Sep 17 '25 13:09 bromso

Hey there! The plugin looks great, thanks a lot for the support! 😁

The aim of this boilerplate was to provide the backbones of the build pipe and dev environment, so you can focus on building your app logic without having to work on abstracting the networking layer and building steps 😁 I know there are a few great off-the-shelf libs that provide the Native Figma UI components, but I think including them in the boilerplate would be a bit out of scope for this repo 😛

Yet still, it is a great idea to actually include a light/dark mode example in the initial plugin. I figured Figma already provides an API for that: https://www.figma.com/plugin-docs/css-variables/#api-details 🎉

iGoodie avatar Sep 19 '25 13:09 iGoodie

Thanks for answering in such depth.

I've built yet another plugin with your template now. 🫣 😂

  • https://www.figma.com/community/plugin/1550211257312717543/bemu

I did a search on both Google and ChatGPT and these are the component libraries I could find: https://chatgpt.com/share/68ce9b5c-b298-8004-b003-70bbc6b9e5b2

Would you recommend any of them or any other? :)

bromso avatar Sep 20 '25 12:09 bromso

Most welcome! 😁 These plugins look fascinating ngl

In addition to the GPT's recommendations, I've used a React wrapper around the figma-plugin-ds called react-figma-ui It is simple enough to get the Figma Look and Feel 😁

iGoodie avatar Sep 21 '25 17:09 iGoodie

THANK you! :)

bromso avatar Sep 22 '25 12:09 bromso