Skip to main content

April 2024 Updates

Β· 3 min read
Stephen Alvin
Co-Founder, FireJet

april-updates

This April, we've rolled out major features and improvements that we're confident will elevate your FireJet experience:

🎁 Pricing​

πŸš€ Pro Plus Plan​

To cater to teams looking to accelerate their workflow on a larger scale.

  • 298USD / user / organization
  • New pricing tier with advanced features dedicated to advanced web development needs.
    • Includes:
      • Everything in Pro
      • Multi Breakpoint Input
      • Auto Detect Figma Components
      • Advanced Semantic Element Tagging
      • Figma Design System to Component Library
    • Currently closed access! Book a call here for access!

πŸ’Ό Enterprise Custom Solutions​

Customized solutions to scale your design to code workflow with enterprise support.

  • Includes:
    • Everything in Pro
    • Android & IOS Support
    • 3rd Party Integration
    • On-Prem Support
    • Enterprise Support
    • Additional Feature Requests Book a demo here for access!

πŸ”₯ New Features​

Improved Code Quality

Improved code generation algorithm with better object detection and responsiveness prediction using our own AI model. Code quality should be generally better now based on the feedback.

Improved Code Quality

πŸš€ Pro Plus Features​

Only Pro Plus access for now

1. Multi Breakpoint Input​

Generate responsive outputs by selecting frames of different breakpoints for the same design. Currently works for 2 screen widths (i.e. mobile and desktop widths). Hold SHIFT and select the mobile and desktop designs in Figma before generating code.

responsive

2. Auto-Detect Components​

Detects Figma components, their variants, and variables and generates them as code components. The properties in the Figma component can now be reflected in the generated code as React component proprerties.

componentization

3. Figma Design System to Component Library​

npm install and import Figma components directly into your codebase. Any updates to Figma components also updates the component library. Select all your Figma components and click "Publish", all components will now be uploaded to a git repo, where users can import them into their code repository as an npm package of components, complete with component props carried forward from Figma.

figmatods

4. Advanced Semantic Tagging​

Advanced detection and generation of semantic elements such as dropdowns and inputs using HeadlessUI or Radix components. Detected semantic elements can be replaced with fully functional semantic components from popular component libraries. Future support for components beyond just semantic (e.g menubar, radiogroup) will be added

semantic

Try the πŸ”₯FireJet plugin now!

Run the FireJet plugin in Figma as usual to try the new features.

As we try to continuously improve FireJet to meet your needs, we welcome any feedback or suggestions you might have. Your input is invaluable as we work hard to make FireJet the best Figma to code tool available. Get priority support on our Discord Community.

Get priority support on our Discord Community here