Alternatives

Products that do what Figma to Tailwind CSS/Payload CMS/Astro does

Turn Figma design into Tailwind, Payload CMS/Astro in second

1. 1
   Figma to Tailwind CSS▲150

   Convert Figma designs into Tailwind CSS code in 1 click

   2023

2. 2
   FlowBite Figma▲241

   Figma UI kit built for integration with Tailwind CSS

   2021

3. 3
   TailGrids Figma▲240

   UI library and design system for Figma

   2023

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

   2021 · figma.com

5. 5
   Flex UI library for Figma▲196

   700+ free Figma sections built for Tailwind CSS

   2022

6. 6
   Foundation▲143

   Generate Figma variables based on Tailwind utility classes

   2024

7. 7
   Bolt x Figma▲737

   Turn Figma designs into production-ready apps in one click.

   2025 · bolt.new

8. 8
   TailGrids▲407

   Tailwind CSS Component Library and UI Kit

   2022

9. 9
   SaaS Blocks for Tailwind▲371

   Tailwind-based UI kit to make your next SaaS website

   2021

10. 10OS
    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

11. 11
    Lexington Themes▲235

    Free and premium Astro & Tailwind CSS themes and UI Kits

    2023

12. 12
    deco.cx 2.0▲1,080

    Build web apps 10x faster with Deno, JSX, TS & Tailwind

    2024 · decocms.com

13. 13
    Dualite 2.0▲619

    Figma to code in a click

    2024

14. 14
    Figma to Code▲174

    Generate responsive pages/apps from Figma designs

    2020

15. 15
    MiroMiro v2▲177

    Inspect, edit, and export any website's design

    May 2026 · miromiro.app

16. 16
    Tailwind Sync▲227

    Figma variables to Tailwind in one click

    2024

17. 17
    Horizon UI Landing Kit▲158

    Landing library kit for Tailwind CSS, HTML & Figma

    2023

18. 18
    Locofy.ai▲720

    Turn Figma designs into code

    2022 · locofy.ai

19. 19
    Design System Automation by Anima▲199

    Bring your code into Figma

    2023

20. 20
    Speedboat Figma plugin▲86

    Create Tailwind designs and convert them to code with speed.

    2020

21. 21
    FireJet▲112

    Figma to Tailwind Workflow, Reinforced with GPT-4 Vision

    2023

22. 22
    Motion Tailwind CSS▲159

    Tailwind CSS website builder for modern developers

    2023

23. 23
    ChatGPT Tailwind Components▲207

    Create customized Tailwind CSS components

    2023

24. 24
    Tailwind CSS v2.0▲390

    Rapidly build modern websites without ever leaving your HTML

    2020

Ranked by how close each launch is in meaning, then by votes. Refine with a description →