tweakcn CSS Import
A Figma plugin to create a colour palette from tweakcn themes
182 usersTypeScriptFigma Plugin API
A Figma community plugin that takes the CSS variables a tweakcn theme produces and turns them into a usable colour palette inside Figma.
Closing the loop between code and design
tweakcn is a visual theme editor for shadcn/ui — it hands you a block of CSS custom properties. Getting those same colours into Figma meant copying hex values one at a time, which is exactly the kind of transcription that goes wrong quietly.
The plugin parses the CSS and generates the palette in Figma, so the design file and the codebase start from identical values.
Built on the Figma plugin API
Written in TypeScript against @figma/plugin-typings and published to the Figma Community, where it is currently used by 182 people.