デザイナーの皆さんもsketchを使っている方は多いのでは?

そこで今回はsketchでcssをコピーするやり方を紹介します。

<img class=”alignnone size-medium wp-image-2238″ src=”https://www.aag.co.jp/wp-content/uploads/2016/08/sketch-icon-300×150.jpg” alt=”sketch-icon” width=”300″ height=”150″ />

やり方はとっても簡単。

cssに書き出したい箇所を選択したら、

Edit &gt; Copy CSS Attributesをクリックするだけ!

<img class=”alignnone size-medium wp-image-2239″ src=”https://www.aag.co.jp/wp-content/uploads/2016/08/sketch01-300×216.png” alt=”sketch01″ width=”300″ height=”216″ />

これでアートボードにコピーされます。

これからはコーディングの時間も少しは短くできますね ♪