Skip to content
Sketch plugin to translate variables from JSON file.
Branch: master
Clone or download
Latest commit f13239a May 16, 2019
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
Translate from JSON.sketchplugin/Contents Small bug fixed that causes JS errors May 14, 2019
LICENSE Create LICENSE May 11, 2019
README.md Update README.md May 16, 2019
appcast.xml Update appcast.xml May 13, 2019
example.json Added example files Apr 24, 2019
example.sketch Add files via upload Apr 25, 2019

README.md

Translate From JSON

A Sketch plugin lets you use variables for texts in your designs.

Installation

  1. Download the plugin
  2. Double click the plugin file to automatically install
  3. The shortcut should now be available under the Plugin's menu in Sketch

How to use?

Create your langauge JSON like below. Don't forget to create an object for each language.

{
  "en": {
    "page1": {
      "hello": "Hello English",
      "bye": "Good bye English!"
    }
  },
  "nl": {
    "page1": {
      "hello": "Hello Dutch",
      "bye": "Good Bye Dutch!"
    }
  },
  "de": {
    "page1": {
      "hello": "Hello German",
      "bye": "Good Bye German!"
    }
  }
}

Text Layers

  • Change your text layer name you want to set as variable between square brackets

Example: [page1.hello] , [page1.bye]

Symbols

  • Create your symbol and give unique names to text layers in it.
  • Add your symbol to your artboard.
  • Add your override name & JSON key between braclets after your symbol name.

Example: MyButtonSymbol (button_text=[button.submit])

  • If you have multiple text overrides in a symbol add comma between definations.

Example: HeaderSymbol (title=[homepage.title],subtitle=[homepage.subtitle])

Apply It

  • Go to Plugin / Translate / Import JSON in Sketch
  • Select your JSON formatted file
  • Select language you want to use
  • Booom! Let the magic happen!

Useful Tips

If you added new variables to your artboard after you import the JSON file, you can always go to Plugin / Translate / Update All Texts or use short cut + + T

You can’t perform that action at this time.