Speedboat Figma plugin: Create Tailwind designs and convert them to code with speed.

Speedboat makes sure your design stays compatible with your Tailwind config and lets you copy class names with a single click.

?makers I bought the license and tried to use the plugin in Figma but I am not able to see any properties in Style panel. It seems it is not picking up Tailwind config properly. What version of tailwind config is supported? I recorded what is happening: https://drive.google.com/file/d/... I tried with this config: ``` module.exports = { theme: { extend: { colors:{ c0: { 100: "rgb(100,100,255)" } } }, }, variants: { backgroundColor: ["responsive", "hover", "focus"], }, plugins: [], }; ```

👋 folks, I’m excited to introduce Speedboat, a Figma plugin that aims to help both designers and developers get quickly what they need from the design they’re currently working on. It parses your Tailwind configuration and builds a UI from it, allowing you to pick sizes, fills, shadows and much more. After you handoff your design to a developer, they can simply copy the configuration and start working on the design right away. No more colour palette artboards and no more manual trial/error class name hunting thanks to the "Copy class names" button, which translates the matched layer properties to html classes. This also works if the plugin wasn’t used in the design process! Although the plugin is paid, I still wanted to offer some free functionality and decided on making the configuration panel available for free, so you can still get the Tailwind config and match class names manually. Let me know if you try it or have any suggestions, cheers! PS: Sketch version coming soon 🤫