LINEで送る
Pocket

皆さんはSketch3使ってますか?

ブロガー御用達のSkitchでは無いですよ。

今日Sketch3を触っていたらシンボルをSVG(HTML)化する機能を発見したのでご紹介します。
※どのバージョンから実装されたのかは不明です。

まず適当にシンボルを作る

今回は家を作ってみました。

20160808235739

グループ化する

まとめて選択し、グループ化します。
選択し、cmd+gまたは右クリック > Group Section

20160808235812

SVGでエクスポート

グループを選択し、右クリック > Copy SVG Code

Untitled

HTMLに貼り付けてみる

See the Pen BzGkar by o24 (@24works) on CodePen.

最後に

なんか色々使えそうですね。

Sketch3使いやすいんですが、ベクターデータなくせに拡大するとシンボルのジャギーが目立つのが嫌いなんですよねー。