FireJet是一个Figma到代码的插件,经过两年的精心开发,使用GPT-4 Vision增强的代码生成功能,能够生成干净、易读和响应式的生产级代码。它具有语义元素检测、自动修复设计和智能的Tailwind取整等显著特点。立即开始您的14天免费试用!访问链接:https://www.figma.com/community/plugin/1087200717679287673/firejet-figma-to-code-tailwind-react-vue-svelte-html-typescript-gpt-4-vision

主要特点和功能:

  • 代码可读性
  • 像素完美
  • 响应式设计

FireJet通过引入GPT-4 Vision和Engine 2这两个重要功能,实现了以上特点和功能。

GPT-4 Vision

最近,OpenAI推出了他们的Vision API,能够提供更多上下文以生成更好的代码。

Transformer模型一直非常擅长生成易读的代码,我们一直希望将其添加到FireJet中。然而,问题在于当它编辑代码时,往往会破坏设计。

然而,现在有了Vision API,我们能够修改生成的代码,使其更加干净、易读和响应式。这就是为什么我们将其作为一个功能添加到FireJet中的原因。

Engine 2

然而,即使有了GPT-4 Vision,我们在代码质量方面也遇到了瓶颈,这也是其他Figma到代码插件面临的问题 - 垃圾输入,垃圾输出的情况。

很多时候,Figma设计非常漂亮,但是当通过Figma到代码插件处理时,它们会生成嵌套混乱、绝对定位的元素。

这是因为大多数Figma到代码转换器依赖于用户的Figma设计结构。然而,在创建Figma设计时,重点是速度和美观,而不是为了完美的嵌套以输出代码。

为了解决这个问题,我们开发了一种基于国际象棋引擎的专有算法,我们相信这使我们在代码质量方面与其他插件有着明显的差距。您可以在 https://www.firejet.io/blog/What%20makes%20FireJet%20different 了解更多信息。

希望大家喜欢!如果您有任何反馈或评论,请随时告诉我们!