/sketch-json-parser

Replaces layer values in groups with Phraseapp JSON data

Sketch JSON Parser

Replaces layer values in groups with JSON data

Setup

  1. Download/Clone this repo
  2. Run json-parser.sketchplugin

Example

#####1. Say you have a group that looks like this: Layer Group Example

#####2. And a JSON array that looks like this:

[{
    "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. Now include JSON path variables in your layer names like this: Path Variables Example

#####4. Duplicate the group as many times as you want and select the groups (in this case probably two times as you have two items in the array)

#####5. Run the plugin and paste in the JSON when prompted Prompt

#####6. Voila! The plugin replaced all layer values with data from the JSON Woah GIF