Speedboat Figma plugin

Speedboat Figma plugin

Create Tailwind designs and convert them to code with speed.

1 follower

Speedboat makes sure your design stays compatible with your Tailwind config and lets you copy class names with a single click.
Speedboat Figma plugin gallery image
Speedboat Figma plugin gallery image
Launch Team

What do you think? …

Patrik Holčák
👋 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 🤫
Dragos Bulugean
This is awesome, great work!
Jakob Tazreiter
?makers looks really awesome! Could you maybe provide me with a trial license to test it out?