Build hybrid apps from your design tool
From design file to prototype code
Build real code prototypes
Making designers work harder since 2018😬🤘
Life is short, have some fun 🤘😸
For when your prototype brain demands more. Never leave your design app.
App Builder for Marcode out now!🎉
New free Sketch plugin for Marcode that will revolutionize how you design and build with our app 👇
Coming soon, App Builder plugin for Sketch and Marcode for Mac 💎
Works with Sketch & Lunacy
Supports latest version of Sketch & Icons8 Lunacy on Mac and Windows.
Build in your design tool
Add app developer to your CV. Or just have fun.
Plugins
Our Sketch plugins App Builder + CSS Writer do magic.
Export to iOS & Android app
Using our unique built-in Ionic Capacitor export.
Share locally with your team
Share the HTML project safely with your team, it's just a folder.
One-time-purchase
All future updates included. Yes, we are mad.
How exactly? Download these two .sketch files
Check out this Sketch file
This one is also great
Bring forth the designers
The steps turning your already designed assets into real code are fewer than you think.
CSS Styling Machine
Style in Sketch or Lunacy, use our autogenerated CSS Styleguide to alter WordPress themes or any other CMS actually. As long as they support injecting custom CSS you’re good to go. Actually it’s just plain CSS so it works with ANY website builder out there.
Icon generator
Use our built-in icon generator for getting your beautiful app icon out to iOS & Android, at the same time. All sizes and formats automagically generated for you.
Built-in app export. If you need it.
Wouldn’t it be really cool to start in your design app and end up in both Xcode and Android Studio? We have built-in Ionic Capacitor functionality.
Here, we built a couple of simple iOS demo apps with Sketch and Marcode. 🤳
Don’t need it right now? Start with our autogenerated clean HTML export, that’s ready to be dropped on any FTP server out there. Too complicated? Use this amazing little app, called Wunderbucket.
Buy Marcode, get CSS Writer for free
One-time purchase, all future updates included. Neato!14-day money back guarantee
How to add CSS animations with CSS Writer
How to add CSS animations with CSS Writer
•
June 23, 2022
•
Tutorials
Since the release of our new Sketch plugin for Marcode, App Builder, it has never ever been easier to build real code …
Why you should build HTML prototypes
Why you should build HTML prototypes
•
June 17, 2022
•
Tutorials
We get it. You don’t have so much time sweating your day-to-day job as a hardworking designer, with whatever suffix or prefix …
Tutorial – From Keyshape to Marcode via Icons8 Lunacy
Tutorial – From Keyshape to Marcode via Icons8 Lunacy
•
June 10, 2022
•
Tutorials
Hey guys! This time we are going to show you how simple it is to: Import SVG graphics into Keyshape app Do …
Keep it safe, share locally
•
June 6, 2022
•
Tutorials
No, this is not an article about that horrendous thing called S.A.F.E, don’t run, this is actually fun and useful Being a …
Buy Marcode, get CSS Writer for free
Who doesn’t love getting something for free?