Using Marcode with Icons8 Lunacy

There is a slight difference between using Marcode with Sketch compared to Icons8 Lunacy. Read on dear human being πŸ€–πŸ§‘

Just because Icons8 Lunacy reads and writes in the amazing .sketch format it’s a fundamentally different app, it’s not a Sketch clone. Super important to understand this.

Lunacy vs Sketch

It’s more like a nice combo of both Sketch and Figma with incredible features for collaboration, using cloud documents etc. It also has things that the other ones haven’t, like a huge free library of icons, illustrations and stock photography. Plus many more things, you should really give it a try.

What works really well

  • All of our freebies that have been created in Sketch that you can download from our marketplace

  • Layer effects like drop shadows, blending modes, gradients (both linear and now also radial)

  • Styling components

  • Shared styles like typography, effects

  • Styleguide CSS export

  • Exporting to HTML, iOS, Android and Xcode

How Lunacy handles overrides

In Marcode we use the override’s panel in Sketch to solve the connections and logic we have in all of our interactive components. Since Lunacy does not handle overrides this way, this is a bit of a pickle for us, least to say.

We added automatic HTML links between artboards mostly to solve this with Lunacy. Turns out, it also benefits users of Sketch. Who doesn’t want more automatic workflows in life?

So basically, the easiest way to put this is to say that:

  • Basic logic, like linking between artboards works thanks to our automatic HTML linking

  • Using our {prototype} components works really well πŸŽ‰

  • All other logic works, but can’t be setup from scratch in Lunacy. You can use our vast amount of free demo files to extract all of our components that have logic inside them

If you can live with that, go ahead, try it out. Icons8 Lunacy is 100% free.

How Lunacy handles SVG's and Make Exportable image assets

Sketch has something built-in that is called sketch-tool. It's what Marcode uses to automagically add everything from SVG's, PNG's etc as soon as you do the Make Exportable command inside Sketch app.

The neat thing about sketch-tool is that it speeds up the workflow suggested for using our Rapid Prototype Components {prototype} and {prototype-fluid}…

Since Lunacy is a cross-platform app, and not using sketch-tool at all, there is no way for Marcode to automatically add your image assets like we do in Sketch.

Here's a simple workaround using our {image} components.


  1. Group whatever graphical elements that you want to rasterize into an image. It can be a headline, an SVG illustration etc

  2. Right click and do the Rasterize Selection command

  3. Add {image} or {image-fixed} before the layer name πŸ‘‡βœ…

  4. Done! πŸŽ‰

Last updated