Exporting to Code ๐
All you need to know about Marcode's different ways of exporting to code.
Export to Ionic Capacitor (iOS, Android)
You can export directly to iOS & Android project via something awesome called Ionic Capacitor.js
Make sure you have visited each artboard in Marcodeโs Explorer once
Open up the Export view โE and choose Ionic Capacitor
Select a directory for your exported project folder
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:
Download and install CocoaPods, easiest is just by adding this snippet directly in the Terminal:
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
Export to HTML
Make sure you have visited each artboard in Marcodeโs Explorer once
Open up the Export view โE and choose HTML
Select a directory for your exported project folder
Hit the Export button and youโre done โ
Export as CSS Styleguide
Make sure you have visited each artboard in Marcodeโs Explorer once
Open up the Export view โE and choose Styleguide
Select a directory for your exported project folder
Hit the Export button and youโre done โ
Last updated