Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

（続）エンジニアのためのSketch3入門

Avatar for Takahiro Shimokawa Takahiro Shimokawa
October 13, 2015
Design
3k
1

 （続）エンジニアのためのSketch3入門

potatotips #22 での発表資料です

Avatar for Takahiro Shimokawa

Takahiro Shimokawa

October 13, 2015

More Decks by Takahiro Shimokawa

See All by Takahiro Shimokawa
PlayStoreでの新しいユーザー訴求 -LiveOpsの活用とその成果-
Avatar for Takahiro Shimokawa androhi
0
3k
ConcatAdapterを深掘る
Avatar for Takahiro Shimokawa androhi
1
500
Android Studio 4.1推しポイント！
Avatar for Takahiro Shimokawa androhi
0
1.5k
一人開発でつまづいたときの処方箋
Avatar for Takahiro Shimokawa androhi
0
430
Androidの物理ベースアニメーション
Avatar for Takahiro Shimokawa androhi
1
700
ConstraintLayout再入門
Avatar for Takahiro Shimokawa androhi
2
3.6k
Firebase Analytics 使用感
Avatar for Takahiro Shimokawa androhi
0
940
Support Library v23.2 overview
Avatar for Takahiro Shimokawa androhi
0
790
Support Library 総復習
Avatar for Takahiro Shimokawa androhi
2
2.6k

Other Decks in Design

See All in Design
MUUUUU.ORG 協賛バナーのご案内
Avatar for クオートワークス quoitworks999
0
620
From Desktop to Spatial Interfaces UX Design Implications of Evolving Interaction Paradigms
Avatar for h.crane hcrane
0
130
ポートフォリオ_あやの
Avatar for ayano ngyenmazt1412
0
2k
エンジニア経験0のデザイナーが アプリを0からリリースまで 作ってみる
Avatar for 都村　美帆 abokadotyann
2
460
自社プロダクトのUIをAIが再現するデザインビルドシステム
Avatar for toy toy1618
0
1.4k
1000人規模の組織でデザインハーネスを導入するための第一歩
Avatar for PKSHA Technology（パークシャテクノロジー） pkshadeck
PRO
5
4.4k
The decksh tutorial
Avatar for Anthony Starks ajstarks
1
120
Basket_of_love.pdf
Avatar for Terence Basart terencebasart
0
370
Kouseki | CREATIVE CLASS成果物
Avatar for Yurika Ishida yuri9911
0
270
“なんとなくFigma”から一歩先へ。AI時代も活きるWeb制作フロー
Avatar for Ayumi Suzuki ayumidesign
0
280
開閉UIのアニメーション設計
Avatar for hiro hiro0218
2
1.1k
日経電子版を支えていく Kasane Design System
Avatar for Taito Tanaka taitotnk
0
570

Featured

See All Featured
Conquering PDFs: document understanding beyond plain text
Avatar for Ines Montani inesmontani
PRO
4
3.2k
16th Malabo Montpellier Forum Presentation
Avatar for AKADEMIYA2063 akademiya2063
PRO
0
440
30 Presentation Tips
Avatar for Ian Lurie portentint
PRO
1
450
Design and Strategy: How to Deal with People Who Don’t "Get" Design
Avatar for Morgane Peng morganepeng
133
20k
ReactJS: Keep Simple. Everything can be a component!
Avatar for Pedro Nauck pedronauck
666
130k
How Fast Is Fast Enough? [PerfNow 2025]
Avatar for Tammy Everts tammyeverts
3
960
Dealing with People You Can't Stand - Big Design 2015
Avatar for Cassini Nazir cassininazir
367
27k
What the history of the web can teach us about the future of AI
Avatar for Ines Montani inesmontani
PRO
2
770
Mozcon NYC 2025: Stop Losing SEO Traffic
Avatar for Sam Torres samtorres
1
590
How to optimise 3,500 product descriptions for ecommerce in one day using ChatGPT
Avatar for Katarina Dahlin katarinadahlin
PRO
3
3.9k
First, design no harm
Avatar for Per Axbom axbom
PRO
2
1.4k
Claude Code どこまでも/ Claude Code Everywhere
Avatar for nwiizo nwiizo
68
59k

Transcript

  1. ʢଓʣΤϯδχΞͷͨΊͷ Sketch3 ೖ໳ potatotips #22 / Takahiro Shimokawa 1

  2. ࣗݾ঺հ • גࣜձࣾ Zaim ॴଐ • @androhi • Android ΞϓϦ։ൃ୲౰

    • Stack Overflow DevDays 2

  3. 3

  4. 4

  5. Sketch 3 5

  6. 6

  7. • Bohemian Coding • Mac App • App Store :

    ¥11,800 • Fireworks ։ൃऴྃΛड͚ͯਓؾരൃ • Web ͱ Mobile ͷσβΠϯʹಛԽ • ϕΫλʔը૾πʔϧ 7

  8. Sketch3 ͷ̏େϝϦοτ 1. ௒ܰྔπʔϧ 2. ϕΫλʔσʔλ 3. ࠷ڧͷॻ͖ग़͠ػೳ 8

  9. ࡞ͬͯΈͨ 9

  10. 10

  11. ॻ͖ग़ͯ͠Έͨ • എܠ৭ͷࢦఆ • ॻ͖ग़͠ϑΝΠϧ໊ͷ໋໊ نଇ • Ұׅॻ͖ग़͠ 11

  12. ίϚϯυϥΠϯ͔ Β΋࢖͑Δ 12

  13. 13

  14. List / Export / Migration $ sketchtool list artboards [hoge.sketch]

    $ sketchtool export slices [hoge.sketch] --output=[folder] --items=[names] --scales="1.0, 2.0" --formats="png,jpg" $ sketchmigrate convert [old-path] [new-path] 14

  15. Sketch3 ·ͱΊ • ΤϯδχΞ΋গͳֶ͍शίετͰ࢖͑Δը૾πʔ ϧ • σβΠφʔͱͷίϛϡχέʔγϣϯɾίετΛԼ ͛ͯ͘ΕΔ • ॻ͖ग़͠࠷ڧ

    15

  16. ΤϯδχΞืू 1. ͣͬͱ࢒ΔαʔϏε͕࡞Γ͍ͨ 2. ୭͔ͷ໾ʹཱ͍ͬͯΔͱμΠϨΫτʹײ͍ͨ͡ 3. ίπίπੵΈॏͶ͍ͯ͘ͷָ͕͍͠ 4. Zaim ͷαʔϏεʹποίϛ͍ͨ͜ͱ͕͋Δ

    16

  17. Thank you for listening! 17