Frontender

Frontender是一款充当个人初级开发者的Figma插件,旨在加速前端工作流。

核心功能与特点:

  1. 设计转代码:选择Figma中的任何图层,Frontender即可将其转换为前端代码。
  2. 无需依赖自动布局:不依赖于autolayout或组织良好的图层,能够自行解析杂乱文件中的顺序、层级和含义。
  3. 深度理解CSS与Tailwind:精通CSS和Tailwind,可使用任意值,甚至能在配置中找到最接近的值。
  4. 自定义配置支持:支持粘贴自定义的Tailwind配置,生成使用自定义类的生产就绪代码。
  5. 多格式输出:可转换为Only CSS、Only CSS-in-JS、Only Tailwind、HTML with CSS、HTML with Tailwind、JSX with CSS-in-JS、JSX with Tailwind。
  6. 多框架兼容:支持Next和React (JSX),Vue和Svelte (HTML)等框架。

收费模式与价格: 无需账户即可使用,提供免费永久版本,每月包含15次免费转换。

使用流程: 无需创建账户,直接在Figma中试用插件,选中图层即可生成代码。

访问量: 4.5K

评论

登录 After Sign In, you can make comments