At Sliday, we use Ionic framework for building hybrid apps and have always tried to make the design-to-development transition smoother. Sketch is a great tool for that.

Auto-layout is a super-useful feature for designing mobile layouts. In conjunction with smart symbols and overrides, our Sketch kit allows drafting clean interfaces in minutes.

We took 80+ native Ionic components and created 700+ responsive and interconnected Sketch symbols.

You can set the general styling, set your colours and fonts, and simply drag and drop the symbols onto screens. It doesn't matter if you're using mobile or tablet, or desktop – auto-layout feature will re-arrange the elements accordingly.

The devs then can use symbols' naming system as the basis for Ionic components used in designs. Instead of using InVision Inspect / Zeplin / Avocode-like tools for obtaining components' properties, devs can simply copy-and-paste Ionic markup from the documentation. And it will look predictably good on any platform supported by Ionic.

Visit ionicsketch.com to learn more