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
60
Fronteers talk Digiti — "Pre-processing"
Avatar for houbenkristof houbenkristof
8
600
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
アプリ360onWeb使い方と裏ワザ？紹介！
Avatar for ikejun360 ikejun360
0
300
Мышление дизайнера историями. Как текстовые модели человеческого поведения помогают проектировать
Avatar for Andrew Shapiro ashapiro
0
420
デザインシステムの「種」を使って、受託開発を加速させる
Avatar for akane akane___ui
0
11k
Marpで推しCSSスライドを作ろう！ / marp-with-favorite-css
Avatar for ふじえもん fujiemon
0
650
CMS管理画面のアクセシビリティ
Avatar for Rikiya Ihara / magi magi1125
8
2.5k
デザイナーのAI活用とチームへの浸透戦略
Avatar for Kaori Ueda ukaoli
0
130
保育AIプロダクトの UXデザインで考えてきたこと / hoiku-ai-ux-design
Avatar for Takahiro Yamaguchi hiro93n
0
170
一次体験を起点にしたUX改善の取り組み / Direct Experience Driven UX Improvements
Avatar for 株式会社ビットキー / Bitkey Inc. bitkey
PRO
0
200
事例で学ぶ！今日から使えるWebサービスUI改善ポイント
Avatar for NCDC ncdc
0
290
portfolio.pdf
Avatar for Fumitaka Ono onof003
0
190
7 Core Values of Round-L
Avatar for Round-L wired888
0
2.1k
Мышление историями. Как текстовые модели поведения помогают дизайнеру проектировать
Avatar for Andrew Shapiro ashapiro
0
150

Featured

See All Featured
Bash Introduction
Avatar for André Augusto Costa Santos 62gerente
615
210k
RailsConf 2023
Avatar for Aaron Patterson tenderlove
30
1.2k
Fashionably flexible responsive web design (full day workshop)
Avatar for Andy Clarke malarkey
407
66k
How STYLIGHT went responsive
Avatar for nonsquared nonsquared
100
5.8k
A Tale of Four Properties
Avatar for Chris Coyier chriscoyier
160
23k
Six Lessons from altMBA
Avatar for Skipper Chong Warson skipperchong
28
4k
Fight the Zombie Pattern Library - RWD Summit 2016
Avatar for Marcelo Somers marcelosomers
234
17k
The MySQL Ecosystem @ GitHub 2015
Avatar for Sam Lambert samlambert
251
13k
Practical Orchestrator
Avatar for Shlomi Noach shlominoach
190
11k
Statistics for Hackers
Avatar for Jake VanderPlas jakevdp
799
220k
KATA
Avatar for Megan Lloyd mclloyd
32
15k
Making Projects Easy
Avatar for Brett Harned brettharned
119
6.4k

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