Comment on page
Figma to Code Conversion
This page provides a guide on how to convert your Figma designs into code using Codejet. Be aware, that before this step you need to have finished adapting your Figma design:
Codejet allows for now you to export only specific frames from your Figma design! Not whole Figma design! If you wish to convert a complete app, you'll need to export each screen separately and then manually merge them yourself.
Find the frame in Figma you want to convert. Right-click on it, pick "Copy/Paste as", then click "Copy link".
You have to right-click on the header-title in the left top corner
Next, paste the link from Step 1 to Codejet and select your preferred export type:
After the export process completes, you will be redirected to a page displaying the generated code. You have the flexibility to view the code, copy it partially or entirely, depending on your preference.
If you see that something doesn't make sense in the exported code, try changing the design in Figma and convert one more time - make sure there is autolayout everywhere. If it won't work, contact with Codejet team:
Once you're satisfied with the generated code, download it!
For guidance on how to handle and implement this exported code, visit our Handling Exported Code page in the docs.
Last modified 2mo ago