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

Extending Sketch App with awesomeness.

Avatar for houbenkristof houbenkristof
February 10, 2015
Design
3
260

Extending Sketch App with awesomeness.

Avatar for houbenkristof

houbenkristof

February 10, 2015
Tweet

More Decks by houbenkristof

See All by houbenkristof
Prototyping for the real world.
Avatar for houbenkristof houbenkristof
1
76
My inner-design-monkey
Avatar for houbenkristof houbenkristof
1
120
De knop (The button)
Avatar for houbenkristof houbenkristof
0
58
Fronteers talk Digiti — "Pre-processing"
Avatar for houbenkristof houbenkristof
8
590
Challenge accepted!
Avatar for houbenkristof houbenkristof
1
240
Fronteers conference 2011 summary
Avatar for houbenkristof houbenkristof
3
150

Other Decks in Design

See All in Design
アクセシビリティに取り組むメリット
Avatar for Rikiya Ihara / magi magi1125
1
210
7 Core Values of Round-L
Avatar for Round-L wired888
0
470
業務効率化だけじゃ物足りない AIと一緒にプロトタイプ開発
Avatar for Shingo Suzuki shingo2000
1
1.5k
BPStudy#213〜ビジネスアナリシスとDDD（ドメイン駆動設計）パネルディスカッション資料 / BPStudy213-panel
Avatar for haru860 haru860
0
440
【PoCで終わらない】運用フェーズまで見据えたAI駆動UIデザイン/フロントエンド開発実践
Avatar for 北見海貴 kitami
1
240
21 Ways to Call American Airlines Customer Care Full Guide USA
Avatar for Sonny americanhub
0
190
ビジネス成果を最大限に発揮するPORTFOLIO
Avatar for 新井拓海 ataxi1003
0
200
Мышление дизайнера историями. Как текстовые модели человеческого поведения помогают проектировать
Avatar for Andrew Shapiro ashapiro
0
310
Liquid Iron
Avatar for Brynn McDucky P. mcduckyart
1
110
ビジネスアナリシスはビジネス”分析”じゃないよ！～システム人材が価値を生むための基盤スキルとしてのビジネスアナリシス～
Avatar for BPStudy bpstudy
0
570
デフォルトの16:9（960*540px）のケース / Google Slide Size Test
Avatar for Arthur arthur1
0
3k
事例で学ぶ！今日から使えるWebサービスUI改善ポイント
Avatar for NCDC ncdc
0
190

Featured

See All Featured
Mobile First: as difficult as doing things right
Avatar for Swwweet swwweet
223
9.7k
What's in a price? How to price your products and services
Avatar for Michael Herold michaelherold
246
12k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
Avatar for Marc Duiker marcduiker
30
2.2k
Intergalactic Javascript Robots from Outer Space
Avatar for Vicent Martí tanoku
271
27k
Writing Fast Ruby
Avatar for Erik Berlin sferik
628
62k
Code Reviewing Like a Champion
Avatar for maltzj maltzj
524
40k
Rails Girls Zürich Keynote
Avatar for Gregor Martynus gr2m
95
14k
Become a Pro
Avatar for Speaker Deck speakerdeck
PRO
29
5.4k
Optimizing for Happiness
Avatar for Tom Preston-Werner mojombo
379
70k
StorybookのUI Testing Handbookを読んだ
Avatar for Shingo Yamazaki zakiyama
30
5.9k
Making the Leap to Tech Lead
Avatar for Ryan Cromwell cromwellryan
134
9.4k
The Art of Delivering Value - GDevCon NA Keynote
Avatar for David Neal reverentgeek
15
1.6k

Transcript

  1. Hi, I’m Kristof @houbenkristof Product designer at CityLife, previously at

    Mobile Vikings.

  2. Extending Sketch with awesomeness.

  3. There are some awesome plugins out there. sketchappsources.com awesome-sket.ch

  4. Sketch Toolbox GUI for installing plugins sketchtoolbox.com

  5. App store screenshot hell. 4 screens x 4 screen sizes

    x 3 languages = 48 App Store screens
  6. None

  7. So I wanted to build a plugin. But where to

    start?

  8. Lives in the plugin folder

  9. .sketchplugin extension

  10. Plugins are built in CocoaScript. JavaScript + Cocoa frameworks.

  11. None
  12. None
  13. None
  14. None
  15. None

  16. How can I manipulate a document?

  17. Document Page Artboard Layer Text Layer Style

  18. None
  19. None
  20. None

  21. Sketch I18n Easily translate pages in a non-destructive way.

  22. Sketch Internationalization 18 characters

  23. DEMO

  24. Q&A Complaints @houbenkristof