Compiler

React compiler 1.3.1

Setup

1. You can select the compiler version in the Publish Settings section of the IDE

2. Click on the Publish button in the IDE the current Page in your Figma Project will be exported and deployed by the compiler

General Capabilities and use cases

• React Component generation from Figma components

• GraphQL insertion and structure from Figma Plugin queries

• Component injection from 3rd party components

• CSS File Generation

• Get images from Figma and push them to bucket

• Inline dynamic CSS generation

• Custom CSS class generation

• Javascript events insertion

• Javascript scripts generation

• Javascript functions create and share

• Dynamic visualization of components with javascript logic

• SDK and API insertion from 3rd party projects

• Props injection for components

• Component variants as component state

• Grapgql query as React contexts

• Git project push

• Env vars generation

• Custom SEO data generation

• Create sitemap and robot generation

• Validate config figma document before the compiler

Code Optimization

• Dependencies validation

• NPM installations and updates

• Comment reutilization and insertion

• Optional Lazy loading

• One package for scripts

• One package for queries

• Pretty css code

• Pretty javascript code