Figma to Tailwind CSS

What it does

Automate Figma to Tailwind CSS translation, save time, enhance collaboration, and focus on exceptional user experiences with the Figma to Tailwind CSS plugin.

Convert Figma designs to Tailwind CSS code instantly. AI-powered Figma plugin that generates clean HTML & Tailwind CSS in 1 click. Install free on the Figma Community today!

The AI-powered Figma plugin that converts your Figma designs into clean Tailwind CSS & HTML code instantly. No manual coding — just select, click, and ship. Tailwind blocks and AI features will be included in the new plugin's subscription-based model coming soon. Tailwind blocks will be available as drag-and-drop components, and AI-powered features are included as part of the app's new subscription-based model. Everything you need to know about converting Figma designs to Tailwind CSSfrom figma-to-tailwind-css.com

• IV
  I've made a Figma plugin that converts design to HTML with TailwindCSS2021 · figma.com · ▲43
• 
  Foundation2024 · figma.com · ▲143

  Generate Figma variables based on Tailwind utility classes

• 
  FlowBite Figma2021 · flowbite.com · ▲241

  Figma UI kit built for integration with Tailwind CSS

• 
  Tailwind Sync2024 · figma.com · ▲227

  Figma variables to Tailwind in one click

• 
  Flex UI library for Figma2022 · figma.com · ▲196

  700+ free Figma sections built for Tailwind CSS

• 
  Figma to Code2020 · github.com · ▲174

  Generate responsive pages/apps from Figma designs

• 
  /dev/null▲472

  a social network for devs

  Dev tools · 2d ago · dev-null.sh

• 
  Whiteboard (YC W26) – an open-source IDE for thoughtful software design▲423

  open-source IDE for thoughtful software design. Contribute to devdotfast/whiteboard development by creating an account on GitHub.

  Dev tools · 27d ago · github.com

• 
  Reladraw – A diagram language where you decide where to place things▲411

  Contribute to reladraw/reladraw development by creating an account on GitHub.

  Dev tools · 25d ago · github.com

• 
  OpenBot▲362

  Grok Bot alternative: free, local, open-source, multiplayer

  Dev tools · 22d ago · openbot.run

• 
  Talanoa▲340

  Hi HN, I’m a fullstack developer, and honestly, I’ve lost count of how many side projects I’ve worked on over the years. But one idea kept coming back to me: a different kind of email client. It first came to me in 2014: “What if we could handle emails more like conversations?” Every year, I’d revisit this concept in my “Build Notes.” Ten years later, no one had built exactly what I had in mind — so I finally decided to do it myself. That’s how Talanoa was born. I wanted something focused on people, not timelines. I was tired of marking messages as unread just to remember to reply later, or…

  Dev tools · 20d ago · talanoa.email

• 
  CoreSpeed▲332

  One MCP for everything your agents need: apps, memory, tools

  Dev tools · 27d ago · corespeed.io

• 
  AI Content Genie▲1,071

  AI autopilot for content creation & marketing

  AI · 2023 · typeface.ai

• 
  Nudge 2.0▲1,051

  In-app experiences to activate, retain, & understand users

  Growth · 2023 · nudgenow.com

• 
  Cal.ai Email Assistant▲918

  World's first open source AI scheduling assistant

  AI · 2023 · cal.com

• 
  Design Studio by Tiledesk▲867

  Unlock AI magic for elevated customer engagement, fast

  AI · 2023 · tiledesk.com

• 
  TalkNotes▲854

  Turn your thoughts into actionable notes, fast

  AI · 2023 · talknotes.io

• 
  OpenAPI DevTools – Chrome extension that generates an API spec▲811

  Effortlessly discover API behaviour with a Chrome extension that automatically generates OpenAPI specifications in real time for any app or website.

  Dev tools · 2023 · github.com