Upgrade to Pro — share decks privately, control downloads, hide ads and more …

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

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

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

potatotips #22 での発表資料です

Avatar for Takahiro Shimokawa

Takahiro Shimokawa

October 13, 2015
Tweet

More Decks by Takahiro Shimokawa

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

Other Decks in Design

See All in Design
オルタナUX | AIで高速化するのもいいけど品質も大事なんじゃない？というお話
Avatar for なつ iflection
6
2k
Crisp Code inc. ブランドガイドライン
Avatar for So Kotani / Crisp Code inc. CEO so_kotani
1
200
ビジネス成果を最大限に発揮するPORTFOLIO
Avatar for Arai ataxi1003
0
410
1920*1080pxに設定したケース / Google Slide Size Test
Avatar for Arthur arthur1
0
3.2k
デザイナーのAI活用とチームへの浸透戦略
Avatar for Kaori Ueda ukaoli
0
100
Building Experiences: Design Systems, User Experience, and Full Site Editing
Avatar for Michelle Schulp Hunt marktimemedia
0
190
業務効率化だけじゃ物足りない AIと一緒にプロトタイプ開発
Avatar for Shingo Suzuki shingo2000
1
1.6k
読書シェア会 vol.5 / Yumemi.grow 20250526
Avatar for Rakus_Dev rakus_dev
0
1.7k
ブランドパーソナリティ言語化における生成AI活用の実際
Avatar for Hiroki Hosaka h0sa
0
260
デザインシステムの「種」を使って、受託開発を加速させる
Avatar for akane akane___ui
0
11k
デザインから開発まで一貫したデザインシステムを構築するベストプラクティス / Best Practices for Building a Consistent Design System from Design to Development
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
490
AI時代に、僕たちデザイナーはどう歩むか
Avatar for kim kazuhirokimura
0
340

Featured

See All Featured
What’s in a name? Adding method to the madness
Avatar for Product Marketing Alliance productmarketing
PRO
23
3.6k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
Avatar for Tammy Everts tammyeverts
8
480
Producing Creativity
Avatar for Steve Smith orderedlist
PRO
347
40k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
Avatar for Rebecca Miller-Webster rmw
34
3.1k
Building a Modern Day 
E-commerce SEO Strategy
Avatar for Aleyda Solis aleyda
43
7.5k
Building Flexible Design Systems
Avatar for Yesenia Perez-Cruz yeseniaperezcruz
328
39k
Building Better People: How to give real-time feedback that sticks.
Avatar for Will Jessup wjessup
367
19k
Side Projects
Avatar for Sacha Greif sachag
455
43k
Why Our Code Smells
Avatar for Brandon Keepers bkeepers
PRO
338
57k
It's Worth the Effort
Avatar for 3n 3n
187
28k
The Psychology of Web Performance [Beyond Tellerrand 2023]
Avatar for Tammy Everts tammyeverts
49
3k
GraphQLとの向き合い方2022年版
Avatar for Yosuke Kurami quramy
49
14k

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