sketchの話

1. Sketchのライセンス
を更新した男の話

2. Sketch is 何
• SketchとはUIデザインツール
• デザインテンプレートが豊富
• プラグインも充実
• 実機でどんな表⽰か確認もできる

3. 1年以上更新して
いなかった
ライセンス購⼊だと1万円くらいな
ので、2千くらいお得。

4. 期待していたこと
CSSを書き出せる！？

5. •コピペでかき出してくれる。CSS書かなくていい。
•ええやん！

6. 気になること
• どこまでCSSをかき出してくれるのか？
• -positionとかも対応してくれる？
• -レイアウトをどこまで補完してくれる？
• etc…

7. •これじゃない感が半端ない…。

8. 光熱費を払った⽅が良い

9. Protoship UIPad はどうだ？
https://protoship.io/tools/uipad.html

10. Protoship UIPad is 何
• Sketchと連動できるコードジェネレーターツール
• 正真正銘、HTML&CSSをかき出してくれる
• フォルダ単位で書き出され、まとめてダウンロード可能
• なんならReactのコードも吐き出す
• こいつはすげぇや

11. ですよねー。

12. CSSKetchはどうだ？

13. CSSKetch is 何
Sketchのプラグイン。
作成したページをエクスポートすると、スタイルシートとして吐き
出してくれるプラグイン。らしい。

14. どうして更新したんだ
https://github.com/JohnCoates/CSSketch

15. Invision はどうだ？

16. Invision is 何
• 主にはデザインチェックツール
• アップしたデザイン(画像)に対してメンバーがレビューが
できる

17. さっきよりはマシか…。

18. 光熱費を払った⽅がry(

19. Invision Studio という希望
https://www.invisionapp.com/studio

20. なおこれは、アーリーユーザーのみ。⼀般
向けじゃない。
(本当なら2⽉には公開予定だったが)

21. コードジェネレーターはいつ来るの
か？
• まだやはり、⾊・フォント・width・heightぐらいのcss
しか書き出せない所感。
• positionやflex-wrapで吐き出す⽇は遠いか。
• そんなの来たら益々デザイナー殺しだが。