Maker Comment

FireJet

Maker

📌

Hey fellow hackers! 🤗 We've been developing our Figma to code plugin, 🔥FireJet, lovingly for the past two years. The reason why we started in the first place is because we found that while there are several figma to code plugins already out there, the code quality that they produced was never up to par. The three aspects that we've been religiously focusing on over the past two years were: 1. Code readability 2. Pixel Perfection 3. Responsiveness To achieve the above, we've added two major features - GPT 4 vision and Engine 2. 🤖 GPT 4 Vision: OpenAI has recently launched their vision API, which is able to provide more context for better code generation. Transformer models have always been extremely capable at producing nice to read code - and it's something we've always wanted to add into FireJet. The problem is that when it edits the code, it often messes up the design. However, now with the Vision API, we are able to make modifications to the generated code to make it cleaner, more readable and responsive, which is why we've added it as a feature to augment the code output from FireJet. ⚡Engine 2: However, even with GPT 4 vision we reached a ceiling when it came to code quality, which is the same ceiling every other figma to code plugin faced - a garbage in, garbage out situation. A lot of the time, Figma designs are very nice, but when put through Figma to code plugins, they would produce horribly nested, absolute positioned elements This is because most Figma to code converters rely on the structure of the user's figma design. The problem with that when creating figma designs, the focus is on speed and beauty, rather than on perfect nesting for outputting to code To overcome this problem, we developed a proprietary algorithm based on chess engines, which we believe separates us far for the rest in terms of code quality. (You can read more about it at https://www.firejet.io/blog/What...) (Okay but feel free to flame me at philip@firejet.io if it doesn't work perfectly) Hope you guys like it! Let us know if you have any feedback or comments!

Report

2yr ago

See discussion

Maker Comment

FireJet

Maker

📌

Report

2yr ago

See discussion

AppSignal — Get the APM insights you need without enterprise price tags.

Get the APM insights you need without enterprise price tags.

Promoted

Wow this product seems amazing! How does it compare with other Figma to Code plugins?

Excellent question @seanchinjunkai. We're working on a code comparison report as we speak!

Good stuff, congrats on the launch!

Thanks @vikiyur !

Congratulation on the successful launch of Firejet on Product Hunt ! I can't wait to try and provide you my feedback!

Amazing stuff! Really exciting features and can’t wait to integrate it with my development workflow.

1 2 3

FireJet

Figma to Tailwind Workflow, Reinforced with GPT-4 Vision

Figma to Tailwind Workflow, Reinforced with GPT-4 Vision

Have a question about FireJet? Ask it here and get a real answer.

Do you use FireJet?

Maker Comment

Engineering & Development

LLMs

Productivity

Marketing & Sales

Design & Creative

Social & Community

Finance

AI Agents

Trending categories

Top reviewed

Trending products

Top forum threads

Engineering & Development

LLMs

Productivity

Marketing & Sales

Design & Creative

Social & Community

Finance

AI Agents

Trending categories

Top reviewed

Trending products

Top forum threads

Have a question about FireJet? Ask it here and get a real answer.

Do you use FireJet?

Maker Comment