Dev tools · alternatives · 2026

24 alternatives to Speedboat Figma plugin

Create Tailwind designs and convert them to code with speed.

Below are 24 products that do a similar job, ranked by how close each is in meaning and then by launch-day votes. Speedboat Figma plugin launched in 2020; newer entries below may have overtaken it.

1
Figma to Tailwind CSS▲150
Convert Figma designs into Tailwind CSS code in 1 click
2023 · figma-to-tailwind-css.com · its alternatives →
2
Tailwind Sync▲227
Figma variables to Tailwind in one click
2024 · figma.com · its alternatives →
3IV
I've made a Figma plugin that converts design to HTML with TailwindCSS▲43
2021 · figma.com · its alternatives →
4
FlowBite Figma▲241
Figma UI kit built for integration with Tailwind CSS
2021 · flowbite.com · its alternatives →
5
Figma to Code▲174
Generate responsive pages/apps from Figma designs
2020 · github.com · its alternatives →
6
Foundation▲143
Generate Figma variables based on Tailwind utility classes
2024 · figma.com · its alternatives →
7
Tailwind Studio▲927
Style your React app so fast
2024 · ecomoto.io · its alternatives →
8
Flex UI library for Figma▲196
700+ free Figma sections built for Tailwind CSS
2022 · figma.com · its alternatives →
9
TailGrids▲404
Tailwind CSS Component Library and UI Kit
2022 · tailgrids.com · its alternatives →
10
Figma to Webflow plugin▲434
Design websites in Figma, launch in Webflow
2023 · figma.com · its alternatives →
11
Quickfill - A Figma Plugin▲218
Design faster with ready-to-use placeholders in Figma
2025 · figma.com · its alternatives →
12
FireJet▲112
Figma to Tailwind Workflow, Reinforced with GPT-4 Vision
2023 · firejet.io · its alternatives →
13
Shuffle for Tailwind CSS▲420
Tailwind CSS editor for busy developers
2019 · shuffle.dev · its alternatives →
14
Tailwind to WordPress Blocks▲106
Turn Tailwind into editable WP Block styles - develop faster
2024 · upperhorizon.com · its alternatives →
15
Tailwind Scanner▲179
Your single developer tool for Tailwind CSS
2024 · its alternatives →
16
Tailwind CSS v2.0▲385
Rapidly build modern websites without ever leaving your HTML
2020 · tailwindcss.com · its alternatives →
17
Pagedone▲164
Lightning fast modern designs for your next project
2024 · pagedone.io · its alternatives →
18
daisyUI 3.0▲160
The most popular component library for Tailwind CSS
2023 · daisyui.com · its alternatives →
19
html.to.design 2.0▲300
Convert any website into fully editable Figma designs
2023 · figma.com · its alternatives →
20
Mytailwind▲111
The ultimate Tailwind component builder
2023 · mytailwind.xyz · its alternatives →
21
Open-source Figma design to code▲50
Hi HN, founders of VibeFlow (YC S25) here. We mostly work on backend and workflow tooling, but we needed a way to turn Figma designs into frontend code as a kickstart for prototyping. It takes a Figma frame and converts it into React + Tailwind components (plus assets). If you want to try it: You can run it locally or use it via the VibeFlow UI to poke at it without setup (https://app.vibeflow.ai/)
Jan 2026 · github.com · its alternatives →
22
Motion Tailwind CSS▲159
Tailwind CSS website builder for modern developers
2023 · loopple.com · its alternatives →
23
Figma Tailwind Tokens▲8
Create Tailwind CSS with Figma in One Click
2025 · figma.com · its alternatives →
24
Tailwind Export▲4
Convert your designs to Tailwind classes in seconds
2023 · figma.com · its alternatives →

Also compare

Ranked by how close each launch is in meaning, then by votes. Prices were read from each product’s own site when checked and can change. Refine with your own description →