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

（続）エンジニアのための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
2.9k
ConcatAdapterを深掘る
Avatar for Takahiro Shimokawa androhi
1
490
Android Studio 4.1推しポイント！
Avatar for Takahiro Shimokawa androhi
0
1.5k
一人開発でつまづいたときの処方箋
Avatar for Takahiro Shimokawa androhi
0
410
Androidの物理ベースアニメーション
Avatar for Takahiro Shimokawa androhi
1
690
ConstraintLayout再入門
Avatar for Takahiro Shimokawa androhi
2
3.6k
Firebase Analytics 使用感
Avatar for Takahiro Shimokawa androhi
0
930
Support Library v23.2 overview
Avatar for Takahiro Shimokawa androhi
0
770
Support Library 総復習
Avatar for Takahiro Shimokawa androhi
2
2.6k

Other Decks in Design

See All in Design
タイル紹介サイト「タイルだもんで」
Avatar for しま calpin
0
160
結びながら、ひらく - にじむ境界のデザイン
Avatar for Hiroki Tani hilokifigma
4
1.8k
Design dependencies
Avatar for Teba_eleven teba_eleven
0
140
染み出し好きの、 染み出しコントロール論
Avatar for Takeru Mukai mukai_takeru
0
350
root COMPANY DECK / We are hiring！
Avatar for 株式会社ルート root_recruit
3
29k
Figma MCPを活用するためのデザインハンドブック
Avatar for viviON vivion
8
19k
AIスライド生成を進化させるMDファイル
Avatar for 太田賢一 kenichiota0711
1
1.5k
つくり方を変えていく | change-how-we-build
Avatar for mottox2 mottox2
2
1.4k
空間アプリ開発のフィードバックをCodexにするための抽象的なデザインツールの模索
Avatar for kazuhiro hara karad
0
160
AIネイティブスタートアップにおけるプロダクト開発の新常識 / Product Development Tips in AI-Native Startups
Avatar for Jumpei Sakatsu saka2jp
2
1.4k
もう迷わない！“なんとなく”を卒業するフォントの選び方【村田俊英】
Avatar for 村田俊英 toshihidemurata
0
780
test deck title
Avatar for Shota Matsuo shotamatsuo
0
1.5k

Featured

See All Featured
Believing is Seeing
Avatar for Spiro Bolos oripsolob
1
170
How Software Deployment tools have changed in the past 20 years
Avatar for Geshan Manandhar geshan
1
34k
The Illustrated Guide to Node.js - THAT Conference 2024
Avatar for David Neal reverentgeek
1
420
How to Get Subject Matter Experts Bought In and Actively Contributing to SEO & PR Initiatives.
Avatar for Liv Day livdayseo
0
160
Building the Perfect Custom Keyboard
Avatar for Naoto Takai takai
2
820
Embracing the Ebb and Flow
Avatar for Simon Collison colly
88
5.1k
What does AI have to do with Human Rights?
Avatar for Per Axbom axbom
PRO
1
2.3k
HTML-Aware ERB: The Path to Reactive Rendering @ RubyCon 2026, Rimini, Italy
Avatar for Marco Roth marcoroth
3
380
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
Avatar for Addy Osmani addyosmani
10
1.3k
The Mindset for Success: Future Career Progression
Avatar for Greg Gifford greggifford
PRO
0
430
Side Projects
Avatar for Sacha Greif sachag
455
43k
Building Applications with DynamoDB
Avatar for Matt Wood mza
96
7.1k

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