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
面倒な作業はAIにおまかせ。Flutter開発をスマートに効率化
ruideengineer
0
400
関数型プログラミングで 「脳がバグる」を乗り越える
manabeai
2
210
LLM時代の検索
shibuiwilliam
2
430
Getting to Know Your Legacy (System) with AI-Driven Software Archeology (WeAreDevelopers World Congress 2025)
feststelltaste
1
160
Claude Code に プロジェクト管理やらせたみた
unson
6
4.6k
DatabricksにOLTPデータベース『Lakebase』がやってきた!
inoutk
0
140
SREのためのeBPF活用ステップアップガイド
egmc
1
220
american aa airlines®️ USA Contact Numbers: Complete 2025 Support Guide
aaguide
0
390
OpenTelemetryセマンティック規約の恩恵とMackerel APMにおける活用例 / SRE NEXT 2025
mackerelio
2
820
開発生産性を測る前にやるべきこと - 組織改善の実践 / Before Measuring Dev Productivity
kaonavi
14
6.5k
IPA&AWSダブル全冠が明かす、人生を変えた勉強法のすべて
iwamot
PRO
2
200
Contributing to Rails? Start with the Gems You Already Use
yahonda
2
110
Featured
See All Featured
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
Gamification - CAS2011
davidbonilla
81
5.4k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
126
53k
A better future with KSS
kneath
238
17k
Documentation Writing (for coders)
carmenintech
72
4.9k
Code Review Best Practice
trishagee
69
19k
Designing for Performance
lara
610
69k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
251
21k
Site-Speed That Sticks
csswizardry
10
690
Mobile First: as difficult as doing things right
swwweet
223
9.7k
Automating Front-end Workflow
addyosmani
1370
200k
Stop Working from a Prison Cell
hatefulcrawdad
271
21k
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/