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
280
2

Extending Sketch App with awesomeness.

Avatar for houbenkristof

houbenkristof

February 10, 2015

More Decks by houbenkristof

See All by houbenkristof
Prototyping for the real world.
Avatar for houbenkristof houbenkristof
1
95
My inner-design-monkey
Avatar for houbenkristof houbenkristof
1
150
De knop (The button)
Avatar for houbenkristof houbenkristof
0
72
Fronteers talk Digiti — "Pre-processing"
Avatar for houbenkristof houbenkristof
7
640
Challenge accepted!
Avatar for houbenkristof houbenkristof
1
260
Fronteers conference 2011 summary
Avatar for houbenkristof houbenkristof
3
160

Other Decks in Design

See All in Design
「余白」と「欲望」を味方につける ——AI時代のデザインエンジニアリングと「越境」の作法 #KNOTS2026
Avatar for koyaman koyaman
1
2k
CULTURE DECK／Marketing Director
Avatar for M-HAND,Inc. mhand01
0
1.4k
20260215独立行政法人科学技術振興機構(JST) 社会技術研究開発センター(RISTEX)ケアが根づく社会システム _公開シンポジウム
Avatar for Kimura Atsunobu a2k
1
210
セブンデックス プロジェクト事例 / innovation Scenes
Avatar for セブンデックス sevendex
1
1.1k
デザインコンテキストのバトンをつなぐ—AI時代のプロダクトマネジメント
Avatar for kumano ayumi kumanoayumi
6
1.2k
I.A. como meio, não como fim. Como avaliar o valor entregue?
Avatar for Viviane Delvequio videlvequio
0
380
怖くないアクセシビリティ -カウンターカルチャーとしてのアッカン東京-
Avatar for Yu Morita securecat
1
210
AIスライド生成を進化させるMDファイル
Avatar for 太田賢一 kenichiota0711
1
1.3k
設計と制作 意図を形に表す / Design and Making: Intent Made Form
Avatar for usagimaru usagimaru
3
2k
2026年の勢い / Momentum for 2026
Avatar for bebe bebe
0
480
From the Visible Crossroads: Turning Outputs into Outcomes
Avatar for takai_kanako takaikanako
2
1.4k
組織で働く大人が「知らないままにやってみる」を取り戻す方法とその意味〜企業で働く実務家による実践知の言語化を事例とした考察〜
Avatar for ChiemiTaki chiemitaki
1
180

Featured

See All Featured
Bridging the Design Gap: How Collaborative Modelling removes blockers to flow between stakeholders and teams @FastFlow conf
Avatar for Kenny Baas-Schwegler baasie
0
590
VelocityConf: Rendering Performance Case Studies
Avatar for Addy Osmani addyosmani
333
25k
How STYLIGHT went responsive
Avatar for nonsquared nonsquared
100
6.2k
Why Our Code Smells
Avatar for Brandon Keepers bkeepers
PRO
340
58k
Chasing Engaging Ingredients in Design
Avatar for Sebastian Deterding codingconduct
0
230
Testing 201, or: Great Expectations
Avatar for Joseph Mastey jmmastey
46
8.2k
Introduction to Domain-Driven Design and Collaborative software design
Avatar for Kenny Baas-Schwegler baasie
1
860
How GitHub (no longer) Works
Avatar for Zach Holman holman
316
150k
Site-Speed That Sticks
Avatar for Harry Roberts csswizardry
13
1.2k
Kristin Tynski - Automating Marketing Tasks With AI
Avatar for Tech SEO Connect techseoconnect
PRO
0
280
How Fast Is Fast Enough? [PerfNow 2025]
Avatar for Tammy Everts tammyeverts
3
620
Easily Structure & Communicate Ideas using Wireframe
Avatar for Afnizar Nur Ghifari afnizarnur
194
17k

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