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
250

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
110
De knop (The button)
Avatar for houbenkristof houbenkristof
0
57
Fronteers talk Digiti — "Pre-processing"
Avatar for houbenkristof houbenkristof
8
580
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
デザイナーとPMの両ロール_３つのポイント
Avatar for toy toy1618
1
300
Мышление дизайнера историями. Как текстовые модели человеческого поведения помогают проектировать
Avatar for Andrew Shapiro ashapiro
0
140
A brief & incomplete history of 
UX Design for the World Wide Web: 1989–2019
Avatar for Jason CranfordTeague jct
1
200
Echoes Boomerang
Avatar for Cloud Yu artcloudyu
PRO
0
200
Kid Cowboy 103
Avatar for Marilu Molina marilutwin
0
210
「デザイン」を信じるには
Avatar for なつ iflection
0
230
DC Style Redesign
Avatar for Brynn McDucky P. mcduckyart
0
100
portfolio_YumiYasuda
Avatar for yumi yasuda yum0418
0
250
私たちは、世界とデザインの〝次の一歩〟を、どこへ向けるか。
Avatar for Takehiro KAWASE tkhr_kws
3
340
LLMによるRAG評価用合成テストデータの生成
Avatar for mtsukada licux
6
1.1k
Starry | Storyboards | Scene 1-21
Avatar for Gio Fortunato giofortuna_story
0
250
今日からできる実践アクセシビリティSNSというかXでaltをつけよう
Avatar for Yu Morita securecat
1
210

Featured

See All Featured
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
Avatar for Irina Nazarova irinanazarova
8
750
How GitHub (no longer) Works
Avatar for Zach Holman holman
314
140k
Why Our Code Smells
Avatar for Brandon Keepers bkeepers
PRO
336
57k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
Avatar for Addy Osmani addyosmani
6
660
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
34
2.3k
Bootstrapping a Software Product
Avatar for Garrett Dimon garrettdimon
PRO
307
110k
How to Ace a Technical Interview
Avatar for Jacob Kaplan-Moss jacobian
276
23k
Optimising Largest Contentful Paint
Avatar for Harry Roberts csswizardry
37
3.3k
YesSQL, Process and Tooling at Scale
Avatar for Rocio Delgado rocio
172
14k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
Avatar for Marc Duiker marcduiker
30
2.1k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
Avatar for Michelle Schulp Hunt marktimemedia
30
2.4k
Helping Users Find Their Own Way: Creating Modern Search Experiences
Avatar for Dan Newman danielanewman
29
2.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