/Sketch-Exchanger

Convert from Sketch to JSON w/assets and JSON w/assets to Sketch.

Primary LanguageShell

Sketch Exchanger - Sketch Plugin

sketch-exchanger-hero

This plugin can convert from Sketch to JSON w/assets files, further convert from JSON w/assets to Sketch file. (README in 🇯🇵)

Usage

⚠️ This plugin requires jq! Please before install using. ⚠️

brew install jq

Sketch to JSON w/assets (:gem: :point_right: :package:)

  1. Run the plugin (Plugins -> Exchanger).
  2. Select Sketch file.
  3. Convert from Sketch to JSON w/assets in the same directory.

JSON w/assets to Sketch (:package: :point_right: :gem:)

  1. Run the plugin (Plugins -> Exchanger).
  2. Select a directory.
  3. Convert from JSON w/assets to Sketch in the parent directory.

Installation

Download the plugin zip and unzip. Open the Folder and double click the "Sketch Exchanger.sketchplugin".

Sketch Exchanger - Sketch Plugin (ja)

このプラグインは、SketchファイルからJSONとリソースファイルへの変換およびJSONとリソースファイルからSketchファイルへの変換をすることができます。

使い方

⚠️ JSONの整形にjqを使います。まずはjqをインストールしてください！ ⚠️

brew install jq

SketchからJSONとリソースファイルへの変換

  1. プラグインを実行します。
  2. 変換するSketchファイルを選択します。
  3. 選択したSketchファイルと同名のディレクトリを生成し、その中にJSONとリソースを格納します（実質はSkechファイルをunzipしたものです）。JSONファイルはjqで整形します。

JSONとリソースファイルからSketchへの変換

  1. プラグインを実行します。
  2. 変換するディレクトリ選択します。
  3. 選択したディレクトリと同ディレクトリへSketchファイルを生成し、ファイルを開きます。

インストール

または、ZIPファイルをダウンロード・伸張し、「Switch Text Spacing.sketchplugin」をダブルクリックしてインストールできます。

via. .sketchファイルからJSONファイルに展開⇔展開ファイルから.sketchファイルに戻す - Qiita. Thanks @poyosi!