CreatoCode Figma to Code: ArtUI,ArtTS,iOS(Objective-C), React Native(Flexbox),HarmonyOS

Generate code with one click.

rngeneratorreact nativeiosobjective cartuiflexboxgenerationoccodeflexartts

Plugin Preview

Currently only supports React Native, iOS, HarmonyOS ArtUI ArtTS

Layout with Flexbox
Supports component type conversion: can convert images, text into buttons, input fields, etc., to generate button or input field components.
When exporting code, it supports directly exporting images and batch importing images into the project.
Automatically recognizes images to be exported: can adjust the images to be exported based on the distance between design elements to improve accuracy; or manually export without selecting "auto recognize images".
The generated code can use custom components: as the platform only extracts necessary parameters to initialize components, you can use custom components by simply modifying the initialization function implementation.