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 了解更多信息。
希望大家喜欢!如果您有任何反馈或评论,请随时告诉我们!