Figma Syntax Designer
When you're creating your own plugin or a new language or preprocessor, you need to imagine what the syntax will look like. This can be hard to do in a normal editor, so I created this kit in Figma so you can design your own.
It's surprisingly easy to use. Just drag, drop, duplicate and swap instances. The text in the node will automatically preserve itself, so you can swap strings into numbers etc.
Currently, it only supports CSS but I'm looking to add syntax for HTML and JS.