Skip to content

CollabAcademy/sketch-json-parser

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

10 Commits
 
 
 
 
 
 

Repository files navigation

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

About

Replaces layer values in groups with JSON data

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published