V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
leedarmau
V2EX  ›  分享创造

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

  •  1
     
  •   leedarmau · 2023-03-18 09:56:28 +08:00 · 1465 次点击
    这是一个创建于 402 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

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

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

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

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

    使用插件

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

    3 条回复    2023-03-18 10:37:40 +08:00
    lemonda
        1
    lemonda  
       2023-03-18 10:16:55 +08:00
    那配合
    https://www.producthunt.com/products/html-to-design
    岂不是可以把任意网站转化成 Tailwind 样式
    haozes
        2
    haozes  
       2023-03-18 10:18:49 +08:00
    很有前景!
    leedarmau
        3
    leedarmau  
    OP
       2023-03-18 10:37:40 +08:00
    @lemonda 那这是何苦。figma 接口信息有限,这么转必定会丢失很多样式
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   5785 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 26ms · UTC 06:06 · PVG 14:06 · LAX 23:06 · JFK 02:06
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.