Skip to content

Take Sketch to another level

Our new plugin App Builder makes it easy peasy to build from inside Sketch 😺🧡
Let's break it down ଘ(੭*ˊᵕˋ)੭* ̀ˋ

Sketcher's rejoice

Our spanking new Sketch plugin App Builder is free, works like magic with Marcode and we will make sure it does the same with future versions of Sketch2React.

It has never been easier.

Prototype components

The fastest way of quickly building a mockup app directly for iOS, Android, Xcode, or the web, is using our prototype components. 

Read our simple guide.

Make it fresh

Use the Inspector panel in Sketch to style your components, make them fresh as fruit. Watch as they evolve straight from inside Marcode.

We support things like layer effects, blending modes & shared styles.

Reusable components

Create one component, save it as a symbol/component and reuse it everywhere you need in your document. We support most of the overrides you would expect.

Build them cleverly using our support for Smart Layout in Sketch.

You can also save all of your components as a Sketch library and upload it to your Sketch workspace for your team to enjoy.

Behind layers magic happen (/¯◡ ‿ ◡)/¯

Realtime code previews

Link the .sketch file and Marcode displays, in near realtime, the generated HTML code that you are creating. What you see is actually what you get, no nasty surprises.

Curious how the code looks even before exporting? We have a few nifty icons for that.

Beautiful code

We take great pride in our autogenerated HTML code. You style and add markup, we code for you. Simple as that.

We also automagically create a stylish CSS Style Guide. Send with love to your engineers 👩‍💻 

No hand-off needed

Building an app? Export directly to iOS, Xcode, Android or Web app using our unique built-in Ionic Capacitor export. Fire it up inside Xcode or Android Studio, add native components and build directly onto your hardware devices. 

Talk about immersive prototyping.

On the shoulders of giants

We use the mighty Bootstrap in the background, so Marcode is 100% responsive by default. That also means you can use Bootstrap layout classes to do really cool things.

Backwards compatibility

Since Marcode shares the same building blocks of Sketch2React, you have a plethora of freebies, tutorials and resources for you to enjoy, right from the get go.

Marcode UI Overview
One-time purchase, all future updates included. Neato!
14-day money back guarantee

Buy Marcode, get CSS Writer for free

Who doesn’t love getting something for free?