Dev tools · alternatives · 2026

24 alternatives to FlowBite Figma

Figma UI kit built for integration with Tailwind CSS

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

1. 1
   Flex UI library for Figma▲196

   700+ free Figma sections built for Tailwind CSS

   2022 · figma.com · its alternatives →

2. 2
   Flowbite 2.0▲336

   Open-source ecosystem built on top of Tailwind CSS

   2022 · flowbite.com · its alternatives →

3. 3
   UX Toolkit for Figma▲298

   Create beautiful user flow charts, sitemaps and wireframes

   2020 · antforfigma.com · its alternatives →

4. 4
   Figma 1.0▲705

   The first interface design tool with real-time collaboration

   2016 · figma.com · its alternatives →

5. 5
   Figma to Tailwind CSS▲150

   Convert Figma designs into Tailwind CSS code in 1 click

   2023 · figma-to-tailwind-css.com · its alternatives →

6. 6
   Practical UI - Figma Design System▲554

   Figma design system and UI kit

   2024 · practical-ui.com · its alternatives →

7. 7
   Flowbite▲506

   Open-source library of Tailwind CSS components

   2021 · flowbite.com · its alternatives →

8. 8
   Figma Preview Release▲384

   The collaborative interface design tool

   2015 · figma.com · its alternatives →

9. 9
   TailGrids▲404

   Tailwind CSS Component Library and UI Kit

   2022 · tailgrids.com · its alternatives →

10. 10FD
    Figma design kit for Tailwind CSS▲10

    2021 · tailwind-figma.com · its alternatives →

11. 11
    Figma Widgets▲253

    Interactive objects on your Figma designs

    2022 · figma.com · its alternatives →

12. 12
    Figma Platform▲327

    Unlock your design files with our new web API

    2018 · developers.figma.com · its alternatives →

13. 13
    Tailwind Sync▲227

    Figma variables to Tailwind in one click

    2024 · figma.com · its alternatives →

14. 14
    Figma to Webflow plugin▲434

    Design websites in Figma, launch in Webflow

    2023 · figma.com · its alternatives →

15. 15IV
    I've made a Figma plugin that converts design to HTML with TailwindCSS▲43

    2021 · figma.com · its alternatives →

16. 16
    Foundation▲143

    Generate Figma variables based on Tailwind utility classes

    2024 · figma.com · its alternatives →

17. 17
    Browser Kit for Figma▲218

    One smart component to rule them all

    2021 · browserfigma.com · its alternatives →

18. 18
    Bubble + Figma Integration▲283

    Design and deploy your web app without code

    2020 · bubble.io · its alternatives →

19. 19
    Tailframes Figma▲12

    Free UI Kit and Design System for React & Talwind CSS

    2024 · figma.com · its alternatives →

20. 20
    SystemFlow for Figma▲215

    Design beautiful landing pages in Figma, ultra fast

    2022 · its alternatives →

21. 21
    Flows▲100

    Turn Figma into the ultimate visual workspace.

    2020 · its alternatives →

22. 22
    Figma to Code▲174

    Generate responsive pages/apps from Figma designs

    2020 · github.com · its alternatives →

23. 23
    Flowbite – Tailwind CSS Components Library▲77

    Get started with the most popular open-source library of interactive UI components built with the utility classes from Tailwind CSS

    2021 · flowbite.com · its alternatives →

24. 24
    Frames X▲307

    UI Kit & Design Handbook for Figma

    2023 · its alternatives →

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 →