CodeTea.io
Import a Figma project

Import a Figma project

To import from Figma: start the Figma import, grant CodeTea permission, enter the Figma project, select the screens, then edit the imported layout and export the code.

1. Start import

Import a Figma project – Start import: screenshot with numbered callouts
Numbers in the screenshot match the list below.
  1. Click button figma to start import

2. Permission figma

Import a Figma project – Permission figma: screenshot with numbered callouts
Numbers in the screenshot match the list below.
  1. Click Allow access

3. Get project figma

Import a Figma project – Get project figma: screenshot with numbered callouts
Numbers in the screenshot match the list below.
  1. Input link figma
  2. Select framework
  3. Press button get

4. Select screens

Import a Figma project – Select screens: screenshot with numbered callouts
Numbers in the screenshot match the list below.
  1. Select screens
  2. Click button get

5. Result list screens after import

Import a Figma project – Result list screens after import: screenshot with numbered callouts
Numbers in the screenshot match the list below.
  1. Click screen to edit layout

6. Edit layout

Import a Figma project – Edit layout: screenshot with numbered callouts
Numbers in the screenshot match the list below.
  1. Click component that need edit
  2. Edit properties of component

7. Export code

Import a Figma project – Export code: screenshot with numbered callouts
Numbers in the screenshot match the list below.
  1. Click button source code
  2. Click download all source
  3. Or copy file