Speedboat

Tailwind CSS brought to a whole new level

Add to figmaSketch coming soon!

Sail through designs
like a PRO

Speedboat is a figma plugin that builds UI from your Tailwind configuration so you can design and convert to code faster

Speedboat panel

Travel app UI being inspected by Speedboat panel

Travel app welcome screen peeking behind main app screen

Code editor with class names exported by Speedboat

Everything you need,
right at your fingerclicks

Support for all of the design-essential properties

Dimensions
Opacity
Corner radius
Solid fill
Gradient fill^soon
Stroke
Shadow
Font size
Line height
Letter spacing
Text decoration
Text transform
Text align
Font weight^soon

Customizable from the bottom up

Start using the plugin right away with the default
Tailwind configuration or simply import your own

Speedboat panel

Speedboat config panel

Stop guessing and start saving time

Add to figmaSketch coming soon!