Tailwind Export - 将你的 Figma 设计图生成 Tailwind 样式

2023-03-18 09:56:28 +08:00
 leedarmau

写了个 Figma 插件,功能很简单,就是将选定元素的样式转换成最接近的 Tailwind 预设样式并输出。

目前支持 Frame 、Text 、Rectangle 和 Ellipse 。其中 Frame 还支持导出 Autolayout 为 flex 相关样式。

将来会支持更多样式和自定义配置生成。

这个插件的最初框架就是 GPT4 帮我实现的,虽然越往后它的作用越小。

因为我毕竟不是程序员,整个过程也没有规范的流程,可能会有不少 bug 和更佳实践,请轻喷。

使用插件

如果你觉得还不错,可以帮我转发一下推广推特,🙏

1611 次点击
所在节点    分享创造
3 条回复
lemonda
2023-03-18 10:16:55 +08:00
那配合
https://www.producthunt.com/products/html-to-design
岂不是可以把任意网站转化成 Tailwind 样式
haozes
2023-03-18 10:18:49 +08:00
很有前景!
leedarmau
2023-03-18 10:37:40 +08:00
@lemonda 那这是何苦。figma 接口信息有限,这么转必定会丢失很多样式

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/925025

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX