Try to have a clear structure, the more layers or groups you use, the more complex the SVG file will become to work with at the end. You want it to be as clear as possible.
Be sure to name every element layer in your Illustrator project (even layers and groups), these names will be used by the SVG import tool to determine class names for the SVG elements. Having a structured naming convention in your app will surely improve the development process.
Before importing an Illustrator project into the Zentrick studio there are multiple things you have to prepare first. Not every feature in Illustrator is supported by our import tool and you will have to adjust these elements in your file.
Clipping paths are not supported by the SVG import tool and will have to be resolved in the Illustrator file itself.
The clipping path has now been resolved and transformed into a single path element that is supported by our SVG imported engine.
Paragraphs with multiple lines of text, indentation, listing or any other kind of special layout are not supported. Make sure to break down the paragraph into multiple single lines of text and position them accordingly.
Example of how it will then appear in the SVG editor:
Linked files in your Illustrator project will not get picked up by the SVG import tool. Instead you will have to upload images to a file server and paste the URL into the
xlink:href attribute of
<image> tag generated by the SVG import tool.
Replace the URL.