Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Boost your App Dev using Sketch
Search
griffin-stewie
February 16, 2018
Technology
0
310
Boost your App Dev using Sketch
Talked at Mobile Act NAGOYA #9
https://mobileact.connpass.com/event/77509/
griffin-stewie
February 16, 2018
Tweet
Share
More Decks by griffin-stewie
See All by griffin-stewie
How I develop a Sketch Native Plugin
griffin_stewie
0
720
Take a peep at .app
griffin_stewie
0
440
Lightweight Markup Language to PDF
griffin_stewie
1
600
ドキュメント作成どうしてる?
griffin_stewie
0
610
Pitfalls of PhotoKit
griffin_stewie
0
270
Talk about "clg" color list generator.
griffin_stewie
1
450
Tips for Apple Watch.
griffin_stewie
0
810
JSON をそこそこ見やすくする CUI ツールを Objective-C で作ったときの話
griffin_stewie
1
580
Other Decks in Technology
See All in Technology
cdk initで生成されるあのファイル達は何なのか/cdk-init-generated-files
tomoki10
1
620
ポストコロナ時代の SaaS におけるコスト削減の意義
izzii
1
440
事例で学ぶ!B2B SaaSにおけるSREの実践例/SRE for B2B SaaS: A Real-World Case Study
bitkey
1
370
QuickSight SPICE の効果的な運用戦略~S3 + Athena 構成での実践ノウハウ~/quicksight-spice-s3-athena-best-practices
emiki
0
280
AIでテストプロセス自動化に挑戦する
sakatakazunori
1
290
CDKコード品質UP!ナイスな自作コンストラクタを作るための便利インターフェース
harukasakihara
2
220
All About Sansan – for New Global Engineers
sansan33
PRO
1
1.2k
Talk to Someone At Delta Airlines™️ USA Contact Numbers
travelcarecenter
0
140
Introduction to Sansan, inc / Sansan Global Development Center, Inc.
sansan33
PRO
0
2.7k
【あのMCPって、どんな処理してるの?】 AWS CDKでの開発で便利なAWS MCP Servers特集
yoshimi0227
6
870
データ戦略部門 紹介資料
sansan33
PRO
1
3.3k
伴走から自律へ: 形式知へと導くSREイネーブリングによる プロダクトチームの信頼性オーナーシップ向上 / SRE NEXT 2025
visional_engineering_and_design
3
310
Featured
See All Featured
Into the Great Unknown - MozCon
thekraken
40
1.9k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
29
1.8k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
50k
Done Done
chrislema
184
16k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
35
2.4k
RailsConf 2023
tenderlove
30
1.1k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
34
5.9k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
229
22k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
108
19k
We Have a Design System, Now What?
morganepeng
53
7.7k
Practical Orchestrator
shlominoach
189
11k
Transcript
Boost your App Dev using Sketch @griffin_stewie
@griffin_stewie from Osaka
None
Have you tried?
Trigger • To make efficient collaboration between Engineers and Designers.
• Less mistakes (human errors) • To systemize
What’s going on?
Sketch Plugin • Bundle • It includes codes and manifest.json
manifest.json • Describes plugin details • Information about plugin •
Menu contents • Action triggers
Code • CocoaScript • Looks like a JavaScript, but you
can call Cocoa’s API • You can use Obj-C style `[[NSArray alloc] init]`
Code • You can use Transcompiler • JavaScript ES6 •
Coffee Script
Framework • You can use your Framework • You can
write most part of plugin useing Obj- C • Use CocoaScript to load your framework as entry point • I don’t recommend Swift, suite Dynamic Lang
Recommends • “skpm” helps us to scaffold contents • Sketch
gives us `Run Script…` feature, it is like a PlayGround
Easy to do / Hard to do
Easy to do • Simply run from Menu • Without
Input UI • Just write manifest.json • Supported by Public API • Easily imagine how it work on https:// github.com/abynim/Sketch-Headers
Δͷ͕େมͳ͜ͱ • GUI ͕ඞཁͳͷ • Craft ϓϥάΠϯ͕ఏڙ͍ͯ͠ΔΠϯεϖΫλ ͷԣͷॎπʔϧόʔΈ͍ͨͳͷͱ͔ • طଘ
UI ʹհೖ͢Δͷ
What I learned
What I learned • Can’t read references without how to
use Sketch • Common pattern • Easy to develop plugins if I could imagine how it works
Wrap up
Wrap up • Little bit wired • Like a hacking
• Hacking is fun
Wanted! • Story about how collaborate Engineer and Designer •
Useful Sketch Plugins
Links • Sketch Developer — Extending Sketch • http://developer.sketchapp.com/ •
Sketch Developers • A discussion area for developers working with the Sketch Platform • http://sketchplugins.com/