{"id":1908,"date":"2022-04-21T15:53:45","date_gmt":"2022-04-21T13:53:45","guid":{"rendered":"https:\/\/sketch2react.io\/blog\/?p=1908"},"modified":"2022-04-22T18:09:19","modified_gmt":"2022-04-22T16:09:19","slug":"tutorial-how-to-make-your-ios-prototypes-shine-like-bright-stars-in-the-sky","status":"publish","type":"post","link":"https:\/\/sketch2react.io\/blog\/tutorial-how-to-make-your-ios-prototypes-shine-like-bright-stars-in-the-sky\/","title":{"rendered":"Tutorial \u2013 How to make your iOS prototypes shine like bright stars in the sky"},"content":{"rendered":"\r\n
\r\n
\r\n
\r\n
\r\n

Namaste. In this video tutorial for Marcode<\/a> we are going to learn a couple of really handy techniques:<\/p>\r\n

    \r\n
  • Compare when and why you should use {prototype-fluid} instead of {prototype}<\/li>\r\n
  • Why it\u2019s always a great idea to compress your image assets after exporting from Marcode app<\/li>\r\n
  • How to update your HTML after <\/em>you realize in Xcode (or Android Studio) that you need updating a few thingies<\/li>\r\n
  • What to do after you have run the npx cap sync<\/em> command in Xcode<\/li>\r\n
  • How to run three iOS simulators at the same time (sad computer, happy designer)<\/li>\r\n<\/ul>\r\n

    No wonder this became one of the longest video tutorials I have made since forever.<\/p>\r\n

    We used the excellent free design app Icons8 Lunacy<\/a> for this, but everything is exactly the same for when using Sketch app<\/a>.<\/p>\r\n