Comment on page

Exporting to Code 🚚

All you need to know about Marcode's different ways of exporting to code.

Export to Ionic Capacitor (iOS, Android)
Marcode has many code export options
You can export directly to iOS & Android project via something awesome called Ionic Capacitor.js​
1.Make sure you have visited each artboard in Marcode’s Explorer once
2.Open up the Export view ⌘E and choose Ionic Capacitor
3.Select a directory for your exported project folder
4.Hit the Export button and you’re ready for the next step ✅
Install Xcode Command Line Tools & CocoaPods first
This is crucial to do before you go to the next step of installing either the iOS or Android platforms.
Download and install the Xcode Command Line tools. You can do this directly from within Xcode or you can just fire up the mighty Terminal app and add this installation snippet:
xcode-select —install
Download and install CocoaPods, easiest is just by adding this snippet directly in the Terminal:
sudo gem install cocoapods
Choose between iOS or Android
Now comes the part where you choose which platform to install for use with Capacitor. You can choose between iOS or Android, we have added both to the config.json file. 
For iOS
Just follow these instructions.
For Android
Just follow these instructions.
📚We have a great guide
iOS & Android - Marcode
Marcode - by Team Sketch2React
​
Export to HTML
​
1.Make sure you have visited each artboard in Marcode’s Explorer once
2.Open up the Export view ⌘E and choose HTML
3.Select a directory for your exported project folder
4.Hit the Export button and you’re done ✅
Export as CSS Styleguide
1.Make sure you have visited each artboard in Marcode’s Explorer once
2.Open up the Export view ⌘E and choose Styleguide
3.Select a directory for your exported project folder
4.Hit the Export button and you’re done ✅

learn - Previous

Components 💎

Next - learn

Sketch Assistant Rules Explained 📐

Last modified 1yr ago