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
620
Take a peep at .app
griffin_stewie
0
410
Lightweight Markup Language to PDF
griffin_stewie
1
500
ドキュメント作成どうしてる?
griffin_stewie
0
540
Pitfalls of PhotoKit
griffin_stewie
0
240
Talk about "clg" color list generator.
griffin_stewie
1
410
Tips for Apple Watch.
griffin_stewie
0
770
JSON をそこそこ見やすくする CUI ツールを Objective-C で作ったときの話
griffin_stewie
1
560
Other Decks in Technology
See All in Technology
AWSでRAGを作る法方
sonoda_mj
1
140
20240717_イケコパ代表Copilot_in_Teams会社でこう使ってます
ponponmikankan
2
430
技術負債による事業の失敗はなぜ起こるのか / Why do business failures due to technical debt occur?
i35_267
0
190
データ分析を支える技術 生成AI再入門
ishikawa_satoru
0
380
DevIO2024_レガシー運用からの脱却 -クラウド活用の実践事例とベストプラクティス-
jun2882
0
210
データベース研修 分析向けSQL入門【MIXI 24新卒技術研修】
mixi_engineers
PRO
0
110
サーバーレスAPI(API Gateway+Lambda)とNext.jsで 個人ブログを作ろう!
shuntaka
PRO
0
560
AI研修【MIXI 24新卒技術研修】
mixi_engineers
PRO
0
130
RAGのサービスをリリースして1年3ヶ月が経ちました
segavvy
4
930
[I/O Extended Android 2024] What`s new in Android 2024
kyeongwan
0
220
プレイドにおけるDatadog APMの活用方法
plaidtech
PRO
2
120
GoとアクターモデルでES+CQRSを実践! / proto_actor_es_cqrs
ytake
1
160
Featured
See All Featured
ParisWeb 2013: Learning to Love: Crash Course in Emotional UX Design
dotmariusz
105
6.8k
What's in a price? How to price your products and services
michaelherold
239
11k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
224
21k
Automating Front-end Workflow
addyosmani
1362
200k
Web Components: a chance to create the future
zenorocha
307
41k
It's Worth the Effort
3n
181
27k
Building Effective Engineering Teams - LeadDev
addyosmani
47
2.2k
Done Done
chrislema
179
15k
GraphQLの誤解/rethinking-graphql
sonatard
59
9.6k
The Illustrated Children's Guide to Kubernetes
chrisshort
39
47k
Intergalactic Javascript Robots from Outer Space
tanoku
266
26k
Designing with Data
zakiwarfel
96
5k
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/