CodeTea.io
Import a Zeplin project

Import a Zeplin project

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

1. Start import

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

2. Permission zeplin

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

3. Get project zeplin

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

4. Select screens

Import a Zeplin 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 Zeplin 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 Zeplin 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 Zeplin 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