Zeplin 2.0 — инструмент для совместной работы дизайнеров и верстальщиков
![](/uploads/posts/2018-06/1529617642_zeplin-min.jpg)
Вышел zeplin 2.0. Пробежимся по тому, что он уже умеет и что нового добавилось.
![](/uploads/posts/2018-06/medium/1529617847_1-min.png)
![](/uploads/posts/2018-06/medium/1529617758_2-min.png)
![](/uploads/posts/2018-06/medium/1529617829_3-min.png)
![](/uploads/posts/2018-06/medium/1529617855_4-min.png)
![](/uploads/posts/2018-06/medium/1529617818_5-min.png)
![](/uploads/posts/2018-06/medium/1529617784_6-min.png)
![](/uploads/posts/2018-06/medium/1529617765_7-min.png)
Сюда входят иконки:
![](/uploads/posts/2018-06/medium/1529617836_8-min.png)
![](/uploads/posts/2018-06/medium/1529617849_9-min.png)
![](/uploads/posts/2018-06/medium/1529617796_10-min.png)
Zeplin также генерирует адаптирует различные значения макета и для Android, Web и даже таких фреймворка React Native.
![](/uploads/posts/2018-06/medium/1529617866_11-min.png)
Вы можете добавить себе те, которые нужны конкретно вам или создать свое собственное расширение.
![](/uploads/posts/2018-06/medium/1529617789_12-min.png)
![](/uploads/posts/2018-06/medium/1529617830_13-min.png)
![](/uploads/posts/2018-06/medium/1529617841_14-min.png)
![](/uploads/posts/2018-06/medium/1529617808_15-min.png)
![](/uploads/posts/2018-06/medium/1529617832_16-min.png)
![](/uploads/posts/2018-06/medium/1529617850_17-min.png)
![](/uploads/posts/2018-06/medium/1529617855_18-min.png)
Подобно экранам, вы можете кликнуть по ним и получить подробную информацию
![](/uploads/posts/2018-06/medium/1529617860_19-min.png)
![](/uploads/posts/2018-06/medium/1529617828_20-min.png)
![](/uploads/posts/2018-06/medium/1529617831_21-min.png)
Так. Давайте вернемся к экрану.
Если вы настроили ссылки на прототипы в своем инструменте проектирования, то Zeplin их тоже получит.
![](/uploads/posts/2018-06/medium/1529617837_22-min.png)
![](/uploads/posts/2018-06/medium/1529617844_23-min.png)
![](/uploads/posts/2018-06/medium/1529617880_24-min.png)
![](/uploads/posts/2018-06/medium/1529617890_25-min.png)
![](/uploads/posts/2018-06/medium/1529617892_26-min.png)
![](/uploads/posts/2018-06/medium/1529617854_27-min.png)