Limitations

Markupwand is still in early stages. There are a few cases where the guesses that Markupwand makes might not be the best. We are working to make it better.

But you could get good quality code even now, by following these tricks:

1. Avoid overlapping layers #

   When we find overlapping layers, we try to make a few guesses on whether the designer intentionally made the layers overlap or not. This guess might not always be right. We are improving on it. Please bear with us till we get there.
   
   Example: In case we see overlapping layers which cannot be resolved, we try to relatively position it (it is horrible, we know)

2. Avoid separating text blocks by spaces #

   Please, do not separate pieces of text in a navigation bar/ menu bar using spaces or enter. Try to create individual text layers. Each text layer that you create would result in one DOM element. In the navigation bars, you would want each link to be an individual DOM element, right?
   
   Example: Split out these space separated text items, make them individual pieces.

3. Avoid multiple layers for a single-image #

   Each layer you give us would result in one DOM element. If you intend multiple layers to form one image, please merge the layers together.
   
   Example:

4. Use Fill Layers instead of Normal Layers #

   Normal layers don’t have color/gradient information. They just store pixel by pixel data. We don’t understand them (yet). Instead use Fill layers from which we can easily extract the colors/gradient information