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
79
My inner-design-monkey
Avatar for houbenkristof houbenkristof
1
120
De knop (The button)
Avatar for houbenkristof houbenkristof
0
63
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
AIを身近に感じるために、デザイナー全員で一つのサービスを使ってみた
Avatar for Saiko.T _psyc0_
0
340
【MIXI MEETUP！ー TECH & DESIGN DAYー】【工数98%削減】Xでモンストを話題にせよ！生成AIの活用で日本トレンド6位を獲得した企画の設計&デザイン術
Avatar for MIXI DESIGN mixi_design
PRO
0
170
decksh object reference
Avatar for Anthony Starks ajstarks
2
1.4k
Portfolio 齋藤明敏 Hiroyuki Saito_守秘義務あり
Avatar for HIROYUKI SAITO crearedesign
0
360
一次体験を起点にしたUX改善の取り組み / Direct Experience Driven UX Improvements
Avatar for 株式会社ビットキー / Bitkey Inc. bitkey
PRO
0
290
見栄えと使いやすさの先にある 特別感 をデザインする / Designing a Sense of Specialness Beyond Aesthetics and Usability
Avatar for 株式会社ビットキー / Bitkey Inc. bitkey
PRO
0
190
Building Experiences: Design Systems, User Experience, and Full Site Editing
Avatar for Michelle Schulp Hunt marktimemedia
0
290
組織の右腕として共創する ー デザインと経営の二つの視点から見えた、新しい支援のかたち/ Designship2025_Nishimura
Avatar for 株式会社ルート root_recruit
0
220
SAMSUL KAMAR ABDUL RAHMAN
Avatar for SAMSUL RAHMAN samsulrahman32
0
180
Liquid GlassとApp Intents
Avatar for touyou touyou
0
500
1年目デザイナーが実践する、チーム貢献のための2つのアプローチ
Avatar for kinomi kinomidesign
0
130
OSO2025-マサカリと太陽：伝え方の情報デザイン
Avatar for majimasachi majimasachi
0
510

Featured

See All Featured
Gamification - CAS2011
Avatar for David Bonilla davidbonilla
81
5.5k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
Avatar for Irina Nazarova irinanazarova
9
1k
Why Our Code Smells
Avatar for Brandon Keepers bkeepers
PRO
340
57k
Building a Modern Day 
E-commerce SEO Strategy
Avatar for Aleyda Solis aleyda
45
8.1k
Java REST API Framework Comparison - PWX 2021
Avatar for Matt Raible mraible
34
9k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
Avatar for Dan Newman danielanewman
231
22k
Easily Structure & Communicate Ideas using Wireframe
Avatar for Afnizar Nur Ghifari afnizarnur
194
17k
Testing 201, or: Great Expectations
Avatar for Joseph Mastey jmmastey
46
7.8k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
Avatar for Addy Osmani addyosmani
9
980
Put a Button on it: Removing Barriers to Going Fast.
Avatar for kastner kastner
60
4.1k
The Art of Programming - Codeland 2020
Avatar for Erika Heidi erikaheidi
56
14k
GitHub's CSS Performance
Avatar for Jon Rohan jonrohan
1032
470k

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