reddit · SideProject · 11-12 01:50 65 分 ← 返回列表

Windstruck: Good design in Figma was too slow, so I put Tailwind in Figma

I'm a frontend dev. Every time I opened Figma I had to remember where everything lived in the right sidebar, and it kept changing. Not to mention meticulously handcrafting a design system with variables, components, etc. in Figma took days or weeks, and maintaining it was horrible. I already knew Tailwind, so I built a plugin where you just name a layer `flex gap-4 p-6 rounded-xl bg-card` and Figma styles it as you type. Video: https://youtu.be/wAVX4UU1fII Plugin: https://www.figma.co

五维评分

付费意愿

需求真实度

个人可落地

竞争空间

新鲜度

AI 分析

痛点：前端开发者手工在 Figma 中搭建设计系统并维护变量和组件耗时数天到数周，且希望直接使用 Tailwind 类名来设计。

目标用户：使用 Tailwind 和 Figma 的前端开发者、设计工程师以及小型产品团队

证据：meticulously handcrafting a design system with variables, components, etc. in Figma took days or weeks, and maintaining it was horrible. / Pro (Teams and a powerful AI builder) is only $10 a month.

变现：Freemium：免费起步，Pro 订阅 $10/月，包含团队协作和 AI Builder；另外通过模板、主题、UI kit 市场抽成以及联盟计划变现。

MVP：做一个 Figma 插件：解析图层名中的 Tailwind 类名并实时应用样式，支持一键把任意 frame 复制为 Tailwind/JSX 代码；先不做 AI 和 GitHub 同步，用免费插件获客，再推 $10/月团队版。

竞品：Locofy、Anima、Builder.io Visual Copilot、Figma Dev Mode、Plasmic、Figma to Tailwind 类插件

摘要：一位前端开发者因为 Figma 里手工维护设计系统太慢，做了 Windstruck 插件：在图层名里写 Tailwind 类名即可实时生成样式。产品本周上线，免费起步，Pro 订阅 $10/月，还包含 AI Builder、主题切换、复制代码、GitHub 同步、桌面应用、Expo 导出和模板市场。帖子只给出定价和功能，没有收入或用户付费数据。