Skip to content

Instantly share code, notes, and snippets.

@littlebusters
Last active January 7, 2020 05:24
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save littlebusters/4f8eedb0d9dd71ac63f88dcd721d7449 to your computer and use it in GitHub Desktop.
Save littlebusters/4f8eedb0d9dd71ac63f88dcd721d7449 to your computer and use it in GitHub Desktop.

新しくリリースされたSketchプラグインを紹介します(2019.12版)

元記事→https://dev.classmethod.jp/visual-design/sketch-plugins-202001/

チェックしたその他のプラグイン

今回は全部掲載しようと思いましたが、めちゃくちゃあるのでGistへポストしています。[未検証]とあるものは、内容を確認しただけで使っていません。

ProjectHuddle Sync

https://github.com/ajgagnon/projecthuddle-sketch-sync

ProjectHuddleと同期するためのプラグイン。[未検証]

BRData

https://github.com/jonathasbsouza/brdata

ブラジル向けのサンプルデータを入力するプラグイン。[未検証]

Mugsy

実機(Mugsy)がないので多分ですが、リアルなコーヒーサーバーへ命https://github.com/jan-patrick/sketch_mugsy

令を送ってコーヒーを入れるプラグイン。何を言っているのかわk(ry

Brandfolder

https://github.com/brandfolder/sketch-plugin-brandfolder

Brandfolderにあるアセットを使うためのプラグイン。[未検証]

Create New Styles

https://github.com/franklymrshankly/Create-New-Styles

選択したオブジェクトからレイヤースタイル・テキストスタイルをまとめて作成するプラグイン。

Design Token Exporter

https://github.com/here-erhe/Design-Token-Exporter

DTを様々な言語?で書き出すためのプラグイン。

Tabula Rasa

https://github.com/avk/sketch-tabula-rasa

アートボードの背景色を白くするプラグイン。

Phrase

https://help.phrase.com/en/articles/3074457-phrase-sketch-plugin

ローカライズのhttps://phrase.com/とリンクさせるプラグイン。

sketchExcelTranslate

https://github.com/wousser/SketchExcelContentSync

Excelのセルからテキストレイヤーを埋めるプラグイン。

Mupixa

https://github.com/mupixa/sketch-plugin-mupixa

Mupixaとリンクするプラグイン。

Symbol Merger

https://github.com/franklymrshankly/Symbol-Merger

シンボルをマージするプラグイン。

TinyPNG Compressor

https://github.com/alxrm/sketch-tinypng-compressor

TinyPNGを使ったPNGの圧縮プラグイン。

Sketch Manager

https://www.sketchmanager.com/

シンボルやスタイルをマネージメントする有料プラグイン。新しくComponentsのUIが搭載されたので、出番はあるのか?

Image Code Exporter

https://github.com/funfungo/ImageCodeExporter

画像関連をBase64で書き出すやーつ。

Sketch Ipsum

https://github.com/sketch-hq/sketch-ipsum

テキストレイヤーをIpsumで埋めるプラグイン(おそらくデータサプライヤーのサンプル)。

keygaroo

https://keygaroo.ixco.io/

キーボードショートカットのチートシートや使った履歴を表示してくれるプラグイン。

Context

https://github.com/afnizarnur/context-sketch-plugin

テキストレイヤーの段落や文字数などをカウントしてくれるプラグイン。

Custom Zoom for Sketch

https://github.com/alexkaessner/custom-zoom-sketch

カスタムの倍率でズームできるプラグイン。

VisualEyes Sketch plugin

https://github.com/loceye/sketch-visualeyes

AIでヒートマップを作成するプラグイン。VisualEyesのAPIキーが必要。

Context for Sketch

https://getcontext.app/

Google DriveやSlackなどのウェブサービスを、アプリ内のWebViewとして提供するプラグイン。各ビューはアイコンとしてピン留っぽいことが可能。サイトの動画を見てもらうと理解が早いかも。

Quopi

https://github.com/LukeFinch/Quopi

Abstructからコメントを取得するプラグイン。[未検証]

Puzzle Tokens

https://github.com/ingrammicro/puzzle-tokens

LESSまたはSassファイルを読み込んでトークンを適用するプラグイン。Node.jsとSass・LESSのパッケージのインストールが必要。あくまでシンボルへスタイルを適用するもので、シンボルを生成してくれるではないので注意。

Gretel

https://github.com/StyleShare/Gretel

書き出し時に、書き出しルート以下のフォルダを平坦化してくれるプラグイン。例えば root/path/to/png.pngroot/path_to_png.png として書き出される。類似のプラグインとしてFlat Exporterがある。

Aligny

https://github.com/stefan0uh/sketch-aligny

基準となるレイヤーを指定したのちに、そのレイヤーの上下左右の辺へ揃えるプラグイン。Outsideで外側、Centerで中央、Insideで内側の辺に隣接するように配置される。

Live Planet Data

https://github.com/Craigtut/liveplanet-sketch-datasupplier

Live PlanetのAPIからリアルデータを取ってくるプラグイン。[未検証]

Auto Arrange

https://github.com/srbsingh3/autoarrange

アートボードの座標に応じて(左から右、または上から下)レイヤーリストを並び替えてくれるプラグイン。リネーム機能を実装中の模様。

Atlassian Vendor Sketch Plugin

https://github.com/atlassian/sketch-plugin

Atlassianベンダー向けのプラグインで、Atlassian Design Systemのリモートライブラリが大量に追加されます。

Sketch Share

https://github.com/robflaherty/sketch-share

画像とHTMLをローカルに書き出して確認するためのプラグイン。書き出されたHTMLからリンクを辿って画像を表示する。

Retain Text Color

https://github.com/johnmcclumpha/sketch-retain-text-color

テキストスタイルを適用したテキストレイヤーの元の色を維持するプラグインのようだが、うまく動作しなかった……onChange Actionを使っているので、自動的に適用されるハズなのだが。

Image2Palette

Imaggaを使ってイメージレイヤーからカラーパレットを生成するプラグイン。ImaggaAPIを使うため、そのアカウントが必https://github.com/iarthstar/Image2Palette

要なのと、APIキーをコピペする際に不要な改行を削除する必要あり。

Sketch to View

https://github.com/kiranpuppala/sketch-to-view

SketchのレイヤーからAndroidのカスタムViewのコードを生成するプラグイン。

Symbol Master Renamer

https://github.com/miguelangelnarvaezgo/symbol-master-renamer

シンボルマスターの名前変更をサポートするプラグイン。

represent

https://getrepresent.com/

アートボードを外部のモバイルやPCへブラウザ経由で配信して確認するためのプラグイン。トライアルありの有償。

Sketch Styler

https://github.com/oodesign/sketch-styler

テキストスタイルが割り当てられていないテキストを検出して、同じ設定のテキストスタイルを割り当てる有償プラグイン。

Orbison

https://github.com/ilikescience/orbison

BitlyのDesign System向けプラグイン。今のところDocument Colorへ色を追加とアートボードを挿入する2つの機能がある(ただしアートボード挿入はうまく動作していない)。

Pexels

https://github.com/pexels/pexels-sketchplugin

Pexelsから画像データを取得できるDataプラグイン。

Awesome Ipsums

https://github.com/inVoltag/awesome-ipsums

Google Sheetsとリンクしてダミーテキストを挿入するプラグイン。

FS_StockInfoFiller

https://github.com/freeman990/FS_StockInfoFiller

おそらく中国語向けのさまざまなデータを内蔵データから生成するプラグイン。(使い方が不明)

OrganizeLayers

レイヤーの前面・背面送りと、選択しているレイヤーの順序の反転ができるプラグイン。前半2つは標準機能で実現できるのhttps://github.com/eunicejson/organizeLayers

で、反転が必要ならあり…?

PluginsList

https://github.com/griffin-stewie/PluginsList

プラグインリストを書き出すプラグイン。

Cloudinary plugin for Sketch

https://github.com/cloudinary-devs/cloudinary-sketch-plugin

Cloudinaryからアセットの読み込みや、Cloudinaryへのアートボードのアップロードを行うプラグイン。[未検証]

Pixelworm Sketch Plugin

https://www.pixelworm.io/index.html

Pixelwormへアップロードするためのプラグイン。[未検証]

Sketch Snap

https://github.com/charliecm/sketch-snap

選択したレイヤーの上下左右いずれかの辺へ隣接するようにレイヤーを移動させる機能と、選択したレイヤーのいずれかの辺側にあるレイヤーを選択する機能を持つプラグイン。

Sketch Dad Jokes

https://github.com/domhabersack/sketch-dadjokes

Lorem Ipsumの代わりにicanhazdadjokeから文章を挿入してくれるデータサプライヤー。

esign Tokens

https://github.com/vjandrei/design-tokens

命名規則にしたがって色やフォント情報などをJSON形式で書き出すプラグイン。[未検証]

Tieba ColorPool

https://github.com/YanShby/tb_colorpool_plugin

色情報をレイヤー名へ付与したり選択しているレイヤーの色情報を通知メッセージで確認したりできるユーティリティ系プラグイン。

Sketch Flow

https://github.com/hite/Sketch-Flow

Assets.xcassetsへ登録するためのプラグイン。[未検証]

Design System Text Validator

https://github.com/JarOfCookies/Sketch-Design-systems-validator

テキストレイヤーの一貫性を保つために、テキストスタイル等が適用されていないレイヤーの一覧をブラウザで表示するプラグイン。プラグインで「Styleguide Validator」と表示されるためややこしい……

Crowdin for Sketch plugin

https://github.com/crowdin/sketch-crowdin

Clowdinと連携して、ローカライズしたテキストをSketchへ流し込むプラグイン。

Vectary for Sketch

https://www.vectary.com/

アートボードの内容をテクスチャとしてVectary 3Dの3Dモデルへ反映し、その画像を書き出すプラグイン。

Tinty

https://github.com/chewbecky/tinty

任意のレイヤーの塗り色から濃淡を作成し、Document Colorと共有スタイルを作成するプラグイン。

sketch-undraw

https://github.com/martingalovic/sketch-undraw

udDraw.coのイラストを挿入するプラグイン。

Paste Paddings

https://github.com/simonlidesign/pastePaddings

パディングをコピペできるプラグイン。

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment