Плагин Sketch JSON Parser заменяет значения слоев в группах данными JSON. Этот плагин позволяет вставлять в дизайн реальные данные с любого сайта. Можно использовать данные в формате JSON. Чтобы плагин заработал, вам необходимо в названиях слоев прописать переменные из масива JSON, потом вставить сам массив и плагин автоматически подтянет данные с сайта.
Установка
- Скачайте / клонируйте из репозитория
- Запустите json-parser.sketchplugin
Пример
1. Скажем, у вас есть группа:
2. И массив JSON:
[{“img”: “http://i.imgur.com/IBZMRic.png”,
“title”: “Holabila”,
“date”: {“formatted”: “25 Jan 2015”,
“time_ago”: “5 min ago”},
“name”: “Koen Vendrik”},
{“img”: “/Users/joeytribbiani/Desktop/350.png”,
“title”: “Bilahola”,
“date”: {“formatted”: “28 Feb 2015”,
“time_ago”: “2 days ago”},
“name”: “Jaer Pollux”}]
3. Теперь включите переменные пути JSON в названия слоев, как тут:
4. Продублируйте группу столько рз, сколько нужно, и выделите группы
(в данном случае, возможно, дважды, так как у вас два элемента в массиве)
5. Запустите плагин и вставьте JSON, когда появится запрос
6. Вуаля! Плагин заменил все значения слоев данными из JSON
[dt_button size=”big” style=”default” animation=”none” color_mode=”default” icon=”” icon_align=”left” color=”” link=”https://github.com/kvendrik/sketch-json-parser/archive/master.zip” target_blank=”true”]Скачать Sketch JSON Parser[/dt_button]