SketchでCSSプリプロセッサー向けのCSSスプライトミックスインコードを生成するプラグイン

これは何?

Sketch上のオブジェクトから、CSS PreprocessorのMixinsを生成するプラグインです。

動作環境

Sketch 3.2以降

ライセンス

MITライセンス

使い方

  1. アートボードを作成し、スプライトの元となるオブジェクトを作成します。
  2. コードを生成したアートボードを選択し、お使いのCSS Preprocessorに合わせてプラグインを実行します。
  3. 実行後はクリップボードにコピーされますので、ペーストして利用してください。

仕様

  • 選択しているアートボードからコードを生成します。プラグイン実行時にアートボードが選択されていない場合、レイヤーリストの最下層にあるアートボードからコードを生成します。
  • 画像までのパスと画像ファイルの拡張子は固定です。生成されたコードを必要に応じて修正してください。

履歴

ver.1.3.0[
画像の名前に含まれるスペースをハイフンに置換する処理を追加
ver.1.2.0[
スプライト名の配列を生成する処理を追加
ver.1.1.1[
LESSのコード生成にバグがあったため修正
ver.1.1.0[
新しいプラグイン形式に対応
HiDPIサポート。@2x向けのコードを生成
Sassコードの生成
ver.1.0.0[
画像のパスを変数化
ver.1.0.0[
初リリース