{"id":1294,"date":"2021-04-20T13:42:54","date_gmt":"2021-04-20T11:42:54","guid":{"rendered":"https:\/\/sketch2react.io\/blog\/?p=1294"},"modified":"2021-04-30T11:27:55","modified_gmt":"2021-04-30T09:27:55","slug":"updates-so-many-updates","status":"publish","type":"post","link":"https:\/\/sketch2react.io\/blog\/updates-so-many-updates\/","title":{"rendered":"Updates, so many updates"},"content":{"rendered":"\r\n
\r\n
\r\n
\r\n
\r\n

Hey guys! We just released updates worth mentioning in a blog post like this for both Sketch2React<\/a> and Stratos Tokens<\/a>. So, here we go!<\/p>\r\n

Sketch2React \u2014 Export to iOS & Android<\/h2>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n\r\n\r\n\r\n\r\n
\r\n
\r\n

\"\"<\/a><\/p>\r\n<\/figure>\r\n<\/div>\r\n\r\n\r\n\r\n

\r\n
\r\n
\r\n
\r\n

You now can export directly to Capacitor<\/a> projects<\/strong> from Sketch2React<\/a> which is wonderful news for all of you looking for a workflow going from Sketch app to iOS or Android. Who wouldn\u2019t actually?<\/p>\r\n

That means you can skip all the steps in this tutorial<\/a> on the subject of Capacitor project requirements<\/em><\/strong>, since we now bundle it for you. Rejoice!<\/p>\r\n

You still need the tutorial for all the other parts, but hey we just made it simpler than ever for you. \ud83d\ude3a\u2705<\/p>\r\n

Before you do the below thing, make sure you first have installed Xcode Command Line Tools and CocoaPods, just follow my instructions<\/a>.<\/p>\r\n

How to export for Capacitor from Sketch2React<\/h3>\r\n
    \r\n
  1. Make sure you have all links between pages<\/a> working and that you have visited each page once (it gets added to our export bundle that way)<\/li>\r\n
  2. Click on the Download button \ud83d\udc49 Download Capacitor<\/li>\r\n
  3. Unzip the folder we created for you<\/li>\r\n
  4. Make sure you compress the images, we \ud83e\udde1 TinyPNG<\/a><\/li>\r\n
  5. Drag the entire folder onto e.g., Visual Studio Code<\/li>\r\n
  6. Open up a New Terminal in VSC<\/li>\r\n
  7. Type npm install<\/code> and hit enter<\/li>\r\n
  8. Done!<\/li>\r\n<\/ol>\r\n

    Choose between iOS or Android<\/h3>\r\n

    Now comes the part where you choose which platform to install for use with Capacitor. Since I\u2019m on a Mac and already have Xcode installed I go for iOS. But you can choose Android of course, we added both to the config.json file.<\/p>\r\n

    For iOS<\/h4>\r\n

    Just follow these instructions<\/a>.<\/p>\r\n

    For Android<\/h4>\r\n

    Just follow these instructions<\/a>.<\/p>\r\n

    See it in action<\/h3>\r\n

    Here\u2019s our new export in action, it literally took me no more than five minutes, most of that time was me firing up Xcode, and its powerful simulators.<\/p>\r\n