BooshDESIGN
BooshDESIGN is a design canvas where every control is bound to a token from your globals.css. There is no box to type an arbitrary value into, so nothing you draw can fail to become valid CSS. The canvas is a live browser rendering the real thing, which is why the output needs no export step.
What BooshDESIGN does
Constrained by your tokens
Colours, spacing and type come from your design system. Off-system values are not offered, so they cannot happen.
The canvas is the browser
You are not looking at a preview of the design. You are looking at the design.
Real output
BEM HTML, selector-specific CSS, your globals.css and a components folder. No conversion, nothing to tidy.
Straight into FEWD Studio
The files open in the developer tool as they are, because they were never anything else.
Try BooshDESIGN
It runs on your own machine, with your data in a file you can open. If it turns out not to suit how you work, tell us.