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

Extending Sketch App with awesomeness.

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for houbenkristof houbenkristof
February 10, 2015
Design
270
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
90
My inner-design-monkey
Avatar for houbenkristof houbenkristof
1
140
De knop (The button)
Avatar for houbenkristof houbenkristof
0
71
Fronteers talk Digiti — "Pre-processing"
Avatar for houbenkristof houbenkristof
7
640
Challenge accepted!
Avatar for houbenkristof houbenkristof
1
250
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
1.8k
デザインの文脈を理解する：エンジニアがデザインカンファレンスに参加して得た学びと気づき
Avatar for 蛋白（たんぱく・TANPACT） hypebeans
0
190
デザインとフロントエンドの境界が融ける Claude Code × Figma
Avatar for littlebusters littlebusters
1
2.6k
社長の宿題への回答 「新卒×AI」が生み出す価値
Avatar for さき saki822
2
130
Connpass-Xperia_Camera_App_by_HCD.pdf
Avatar for ソニー株式会社 sony
1
610
AIでデザインをつくる：基礎編
Avatar for 太田賢一 kenichiota0711
4
3k
Franks Myth
Avatar for George Frank Hayford-Taylor gfht1
2
470
「ツール」から「パートナー」へ。AI伴走時代のUXデザインとは？～操作を減らし、成果を最大にするための設計～
Avatar for NCDC ncdc
1
600
Mandalyn_DT5001_FinalAssignment.pdf
Avatar for Mandalyn Teo lynteo
0
220
「デザイン」の自分ごと化から始める、デザインピープルのふるまい
Avatar for mewmo mewmo
0
230
hicard_credential_202601
Avatar for hicard hicard
0
230
AI時代に求められるUXデザインのアプローチ
Avatar for xtone xtone
1
3.6k

Featured

See All Featured
The Web Performance Landscape in 2024 [PerfNow 2024]
Avatar for Tammy Everts tammyeverts
12
1.1k
How to audit for AI Accessibility on your Front & Back End
Avatar for davetheseo davetheseo
0
360
XXLCSS - How to scale CSS and keep your sanity
Avatar for Zaharenia Atzitzikaki sugarenia
250
1.3M
Future Trends and Review - Lecture 12 - Web Technologies (1019888BNR)
Avatar for Beat Signer signer
PRO
0
3.5k
Leadership Guide Workshop - DevTernity 2021
Avatar for David Neal reverentgeek
1
280
Documentation Writing (for coders)
Avatar for Carmen Chung carmenintech
77
5.3k
Design in an AI World
Avatar for tapps tapps
1
210
エンジニアに許された特別な時間の終わり
Avatar for watany watany
106
240k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
Avatar for Stéphanie Walter stephaniewalter
287
14k
SEO for Brand Visibility & Recognition
Avatar for Aleyda Solis aleyda
0
4.5k
Navigating the moral maze — ethical principles for Al-driven product design
Avatar for Skipper Chong Warson skipperchong
2
350
The Illustrated Guide to Node.js - THAT Conference 2024
Avatar for David Neal reverentgeek
1
340

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