Download Sketch file

Download codegen-tutorial.sketch — we will use it for the onboarding tutorial

Video tutorials for new users

  1. Introduction for new users (2mins)
  2. Preparing Sketch Files (3mins)
  3. Make the design fluid across different screen sizes (4mins)
  4. Generate code, download it, and take a quick look (1mins)


  • Try converting one of your own designs. Start only with a single artboard and not a large design file. It can get overwhelming if you begin with a complex design and multiple artboards.
  • Write to us with your questions, comments, and frustrations at hello@protoship.io. We look forward to hearing from you.