Speedboat

<p>Build Tailwind designs and convert them to code with speed! Speedboat helps you by building a panel from your Tailwind configuration. No more quesswork!</p><p><br></p><h1>Features</h1><h2>Style Library</h2><p>Opens a panel which will allow you to design using the values from your configuration. Here you can pick your dimensions, fills, shadows and more with just a few clicks. It also offers a handy&nbsp;<em>Copy class names</em>&nbsp;button so you can design and prototype quicker than ever before. 🤯</p><p><br></p><h2>Copy class names</h2><p>Copies the selected layer Tailwind-compatible class names for supported properties based on your configuration to your clipboard. If your configuration specifies eg. "brand-blue" colour and your design uses that colour as a Fill, the result copied to your clipboard will be "bg-brand-blue".</p><p><br></p><h2>Settings</h2><p>Opens a panel with Speedboat configuration. This panel will allow you to set the base font size for your design (if you use relative units) and import your own Tailwind configuration. The configuration is embedded into the file, so you can share it and don’t have to wory about also having to share the configuration.</p><p><br></p><h2>Supported properties</h2><ul><li>Dimensions</li><li>Opacity</li><li>Corner radius</li><li>Solid fill</li><li>Gradient fill (soon)</li><li>Stroke</li><li>Shadow</li><li>Font size</li><li>Line height</li><li>Letter spacing</li><li>Text decoration</li><li>Text transform</li><li>Text align</li><li>Font weight (soon)</li></ul><p><br></p><h2>Note</h2><p>Speedboat is a paid plugin. Head to <a href="https://speedboat.sh" rel="noreferrer noopener nofollow" target="_blank">https://speedboat.sh</a> to get your activation code!</p><p><br></p><h2>FAQ</h2><p><a href="https://speedboat.sh/faq" rel="noreferrer noopener nofollow" target="_blank">https://speedboat.sh/faq</a></p>