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 - MarcodeMarcode - 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 ✅