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
290
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
640
Take a peep at .app
griffin_stewie
0
420
Lightweight Markup Language to PDF
griffin_stewie
1
520
ドキュメント作成どうしてる?
griffin_stewie
0
550
Pitfalls of PhotoKit
griffin_stewie
0
240
Talk about "clg" color list generator.
griffin_stewie
1
420
Tips for Apple Watch.
griffin_stewie
0
770
JSON をそこそこ見やすくする CUI ツールを Objective-C で作ったときの話
griffin_stewie
1
570
Other Decks in Technology
See All in Technology
AWS IAM Identity Center議論会 〜 認証認可結合モデルと認証認可分離モデル / 20240827-jawsug-arch-iam_identity_center
opelab
3
320
EitherT_with_Future
aoiroaoino
0
410
マーケットプレイス版Oracle WebCenter Content For OCI
oracle4engineer
PRO
1
160
歴史と背景から改めて振り返るVPC
shotashiratori
2
220
標準最高!標準はださくないぞ! at fukuoka.ts #1
yoiwamoto
0
150
Discover Your Tailored Platform Strategy with Real-World Practice
hhiroshell
1
130
OCI コスト管理
ocise
1
110
GraphQLとスキーマファーストで切り開く ライドシェアの未来
ku0522a
0
490
Autonomous Database Cloud 技術詳細 / adb-s_technical_detail_jp
oracle4engineer
PRO
15
39k
音声AIエージェントの世界とRetell AI入門 / Introduction to the World of Voice AI Agents and Retell AI
rkaga
3
480
日経電子版から始まった内製開発の現在地と向き合っている課題/inhouse
nishiuma
0
230
エンジニアリングマネージャーが紐解く、事業視点から組織文化まで、包括的アプローチの探求 / READYFOR
9ma3r
13
2.2k
Featured
See All Featured
How to Think Like a Performance Engineer
csswizardry
15
910
How To Stay Up To Date on Web Technology
chriscoyier
785
250k
It's Worth the Effort
3n
182
27k
Creatively Recalculating Your Daily Design Routine
revolveconf
215
12k
Building Adaptive Systems
keathley
36
2.1k
Rebuilding a faster, lazier Slack
samanthasiow
78
8.5k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
22
3.9k
Product Roadmaps are Hard
iamctodd
PRO
48
10k
The Invisible Customer
myddelton
119
13k
What's new in Ruby 2.0
geeforr
340
31k
We Have a Design System, Now What?
morganepeng
48
7.1k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
122
18k
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/