En İyi 50 Eskiz Eklentisinin Nihai Listesi

Sketch, tasarım pazarını fırtına gibi estirdi. Herhangi bir resmi sayı yayınlamıyorlar, ancak katıldığınız veya konuştuğunuz neredeyse tüm tasarım ekiplerinin Sketch'i bildiği veya bir dereceye kadar kullandığı oldukça açık.

Sketch'in en güçlü yönlerinden biri, canlı geliştirici topluluğu ve onun için oluşturdukları harika eklentiler setidir. Sketch eklentileri ile saniyeler içinde muhteşem 3D çizimler ve benzersiz animasyonlar oluşturabilirsiniz.

Araştırmada size zaman kazandırmak için en iyi elli Sketch eklentisinin bir listesini topladım. Aşağıda kategorilere göre düzenledim.

Sketch Eklenti Yöneticileri
İşbirliği Eskiz Eklentileri
İçerik ve Nesne Oluşturucu Eklentileri
Dışa Aktarma ve Ön Uç Geliştirme Eklentileri
Katman Yönetimi Eklentileri
Araçlar

Sketch Eklenti Yöneticileri

Bu dört Sketch eklentisinden birini kurarak başlamalısınız. Eklentilerinizi verimli bir şekilde yönetmenize ve çalıştırmanıza yardımcı olurlar.

Çizim Paketleri

Bir Sketch eklenti tarayıcısı, yöneticisi ve otomatik güncelleyicisi. Sketch Pack'ler, eklenti sürümlerini kilitleyerek Sketch'i güncellerken sizi beklenmeyen uyumluluk sorunlarından da kurtaracaktır.

Eskiz Koşucusu

http://sketchrunner.com/

Sketch Runner, Sketch için Spotlight veya Alfred'dir. Klavyenizden Sketch komutlarını çalıştırmanıza izin veren güçlü bir Sketch eklentisidir. Aynı zamanda sizin için diğer eklentileri yükleyen ve yöneten bir eklentidir.

Sketch Eklenti Yöneticisi

Eklentiyi buradan indirin: https://mludowise.github.io/Sketch-Plugin-Manager/

Bu, eklentilerinizi test etme ve yönetme konusunda kullanışlı bulacağınız dört eklentiden üçüncüsüdür. Tüm eklentilerinizi yönetmek için Git'i kullanır ve onları güncel tutar.

Çizim Araç Kutusu

Eklentiyi buradan indirin: http://sketchtoolbox.com/

Sketch Toolbox, tüm Sketch eklentilerinizi yönetmenize, yüklemenize ve güncellemenize yardımcı olan başka bir seçenektir.

Bu dört eklentinin hepsini denemelisiniz, ancak benim favorim Sketch Runner – size eklenti yönetiminden çok daha fazlasını sunuyor. Alışırsanız, Sketch'i onsuz kullanmayı hayal bile edemezsiniz.

İşbirliği Eskiz Eklentileri

Eklenti yöneticinizi seçtikten sonra, dosyalarınızı yönetmenize, arkadaşlarınızla işbirliği yapmanıza, geri bildirim toplamanıza ve daha pek çok şeye olanak tanıyan Sketch işbirliği eklentilerine geçelim.

Sıfır Yükseklik

Eklentiyi buradan indirin: https://zeroheight.com/

Zero Height, varlık kitaplıkları ve stil kılavuzları oluşturmanıza, diğer tasarımcılarla işbirliği yapmanıza ve her şeyi bulutta senkronize halde tutmanıza olanak tanıyan harici bir ücretsiz eklentidir.

Zincir

Eklentiyi buradan indirin: https://github.com/lalomts/Chain

Zincir, büyük dosyalardaki renk değişiklikleri söz konusu olduğunda harika bir eklentidir. Bu Sketch eklentisi, Sketch'te dinamik renk ilişkileri oluşturur ve size renkleri anında küresel olarak değiştirme imkanı verir.

kaktüs

Eklentiyi buradan indirin: https://kactus.io/

Kaktus, bir tasarım sürümü kontrol uzantısıdır. Dosyalarınızı yönetir ve tüm ekiple senkronize olmanızı sağlar.

Soyut

Eklentiyi buradan indirin: https://www.goabstract.com/

Bu eklenti, tasarımcılar için bir Git'tir. Tüm projeyi yönetmenize ve diğer tasarımcılarla işbirliği yapmanıza olanak tanır. Size Sketch dosyalarınızın sürüm kontrolünü verir, Slack ile entegredir ve Sketch kullanmayan müşterilerden geri bildirim almanıza olanak tanır.

InVision tarafından zanaat

Eklentileri buradan indirin: https://www.invisionapp.com/craft

En popüler Sketch uzantılarından biri olan Craft, size bir içerik oluşturucudan bir geri bildirim toplayıcıya ve prototip oluşturma araçlarına kadar bir dizi farklı eklenti sunar. Lorem ipsum içeriği eklemek yerine, bir web sitesinden gerçek içerik alabilirsiniz. Kullanıcı avatarları eklemek için stok web sitelerinde arama yapmak yerine, bunu doğrudan Craft'tan yapabilirsiniz. Rastgele telefon numaraları oluşturmak yerine, onları oluşturabilirsiniz.

Bunlar Craft'ın nasıl çalıştığına dair sadece birkaç örnek. Craft hakkında daha fazla bilgi edinmek istiyorsanız, Toptal Designer Bree Chapin'in bu makalesini mutlaka okumalısınız.

İçerik ve Nesne Oluşturucu Eklentileri

Eskiz Malzemesi

Eklentiyi buradan indirin: https://websiddu.github.io/sketch-material/

Bu Sketch eklentisi, Google Material Design sisteminden herhangi bir bileşen oluşturmanıza izin verecektir.

Önyükleme Izgarası

Eklentiyi buradan indirin: https://github.com/De-La-Vega/BootstrapGrid

Bu Sketch eklentisi, Sketch dosyaları içinde Bootstrap ızgarası oluşturur. Tek yapmanız gereken bir dikdörtgen çizmek ve eklenti içindeki ızgarayı oluşturacaktır.

7 Sütun Takvimi

Eklentiyi buradan indirin: https://www.ls.graphics/

7 Sütunlu Takvim, herhangi bir 7 sütunlu takvim üretecektir. Bu kesinlikle en sevdiğim eklentilerden biri. Bir takvim tasarlamanız gerekiyorsa çok zaman kazandırır.

Kullanıcı Akışları

Eklentiyi buradan indirin: https://abynim.github.io/UserFlows/

Kullanıcı Akışları Taslak eklentisi ile kullanıcı akış şemaları oluşturmak çocuk oyuncağıdır.

ilmek yapıcı

Eklentiyi buradan indirin: http://sureskumar.com/looper/

Kişisel favorilerimden biri olan bu eklenti, şekilleri ve grupları çoğaltarak akıllara durgunluk veren çizimler oluşturuyor. Afişler, posterler, desenler, soyut arka planlar ve daha fazlası gibi çok sayıda illüstrasyon oluşturmak için kullanabilirsiniz. Looper hakkında daha fazla bilgiyi buradan edinebilirsiniz.

Konfeti

Eklentiyi buradan indirin: http://www.sketchconfetti.com/

Bu Sketch eklentisi, tek tıklamayla nesnelerden ve katmanlardan konfeti oluşturur.

simge çiçek

Eklentiyi buradan indirin: https://github.com/avadhbsd/IconFlower

Bu, simgeleri kısa sürede sizin için bir Phyllotaxis modelinde düzenleyecektir.

patenci

Eklentiyi buradan indirin: https://github.com/joshdjuric/Skatter

Rastgele desenler oluşturmak için başka bir harika Sketch eklentisi. Sadece birkaç basit şekil oluşturun ve Skatter onları güzel bir desene dönüştürsün.

blender

Eklentiyi buradan indirin: https://github.com/bunnieabc/Blender

Bu yeni Sketch uzantısı, iki şekli bir araya getirir ve aralarında güzel bir gradyan oluşturur.

Harita Oluşturucu

Eklentiyi buradan indirin: https://github.com/eddiesigner/sketch-map-generator

Tasarımlarınız için haritaların ekran görüntüsünü almaktan sıkıldıysanız bu eklentiye bayılacaksınız. Bir dikdörtgen çizin, konumunuzu yazın, Snazzy Maps'ten stili kopyalayın ve Map Generator gerisini sizin için halletsin.

yarım yamalak turtalar

Eklentiyi buradan indirin: https://github.com/longzheng/sketch-randomSize

Sketch, pasta grafikler oluşturmak için en iyi araç değil… ama Sketchy Pies geliyor. Sizin için pasta veya dairesel grafikler oluşturacak bu Sketch eklentisi.

Rastgele Boyutlandırma

Eklentiyi buradan indirin: https://github.com/longzheng/sketch-randomSize

Grafikler oluşturmak için başka bir harika Sketch uzantısı. Çubuk grafikler oluşturmak için bu eklenti ile herhangi bir şekil boyutunu rastgele oluşturabilirsiniz.

Dışa Aktarma ve Ön Uç Geliştirme Eklentileri

Bu eklentilerle, herhangi bir kodlama becerisi olmadan HTML/CSS dosyalarını, tüm web sitelerini veya kodlanmış haber bültenlerini yayınlayabilirsiniz. Ayrıca, bu uzantılardan bazıları Sketch kullanmayan geliştirme ekipleri için dosyalar oluşturacaktır.

Başlatma paneli

Eklentiyi buradan indirin: https://launchpad.animaapp.com/

Herhangi bir kod bilgisi olmadan doğrudan Sketch içinde kullanıma hazır web siteleri yayınlamanıza izin veren olağanüstü bir Sketch eklentisi.

sinsi

Eklentiyi buradan indirin: https://launchpad.animaapp.com/

Müşteriniz bir dahaki sefere bir e-posta şablonu üzerinde çalışmanızı isterse bu eklentiyi indirin. Duyarlı olan HTML'ye hazır kodla kolayca e-posta şablonları oluşturmanıza yardımcı olur.

Slaytlarla Senkronize Et

Eklentiyi buradan indirin: https://www.figma.com/community/plugin/952824515190483725/Sync-to-Slides

Çevrimiçi sunumlar üzerinde çalışanlar için harika bir Sketch eklentisi. Sketch çalışma yüzeylerini Google Slaytlar ile senkronize eder.

Ölçüm

Eklentiyi buradan indirin: http://utom.design/measure/

Tasarım dosyanızı bir geliştirme ekibine iletmeniz gerektiğinde ölçüm mükemmeldir. Tüm boyutları işaretler ve tüm tasarımı içeren bir HTML dosyası oluşturur, böylece Sketch olmayan geliştiriciler onu kolayca açabilir.

pazar

Eklentiyi buradan indirin: https://github.com/tudou527/marketch

Geliştirme ekipleriyle işbirliği yaptığınızda kullanışlı hale gelen başka bir eklenti. Tasarımlar içeren HTML dosyaları oluşturur ve tüm katmanlarınızın CSS stillerini kopyalamanıza olanak tanır.

Katman Yönetimi Eklentileri

Bu eklentiler, büyük tasarım dosyalarını yönetirken gerçekten yardımcı olur. Sketch katmanlarını temizlemenize, yeniden adlandırmanıza, kaldırmanıza veya aramanıza olanak tanır. Dosyalarınızı yönetmek için emojileri de kullanabilirsiniz.

Yeniden Adlandır

Eklentiyi buradan indirin: https://github.com/rodi01/RenameIt

Bu Sketch eklentisi ile birden çok katmanı seçerek ve tek bir kısayol kullanarak aynı anda yeniden adlandırabilirsiniz.

Gereksiz Grupları Temizleme

Eklentiyi buradan indirin: https://github.com/bomberstudios/Cleanup-Useless-Groups

Hızlı çalıştığınızda, boş gruplarla karşılaşabilirsiniz. Bu Sketch eklentisi, tüm gereksiz (yinelenen veya boş) grupları kaldırarak sorunlarınızı çözecektir.

Tanıdık Katmanları Seçin

Eklentiyi buradan indirin: https://github.com/wonderbit/sketch-select-similar-layers

Adobe Illustrator'ın “Benzer Nesneleri Seç” özelliğine aşinaysanız ve Sketch'te bunu özlüyorsanız, bu eklentiyi seveceksiniz. Bu eklenti, aynı dolgu rengine, kenarlık rengine, yazı tipi boyutuna, karıştırma moduna vb. sahip katmanları seçmenize olanak tanır.

Eskiz Çalışma Yüzeyi Yöneticisi

Eklentiyi buradan indirin: https://github.com/bomberstudios/artboard-manager

Çalışma Yüzeyi Yöneticileri, çalışma yüzeylerini satırlara ve sütunlara yaslar ve konumlarını düzenler.

Her Yerde Eskiz Arama

Eklentiyi buradan indirin: https://github.com/MrPeak/sketch-search-everywhere

Bu Sketch eklentisi ile herhangi bir katmanı sadece adını yazarak bulabilirsiniz.

beni sırala

Eklentiyi buradan indirin: https://github.com/romashamin/sort-me-sketch

Bu küçük Sketch eklentisi, katmanlarınızı veya çalışma yüzeylerinizi tek bir klavye kısayoluyla sıralayacaktır.

Katmanları Değiştir

Eklentiyi buradan indirin: https://github.com/joshwayne/jw-sketch-plugins

Katman Adlarındaki Emojilerle birlikte, göz emojisi ile sağlanan katman görünürlüğünü değiştirmenize olanak tanıyan harika bir eklenti.

Araçlar

Bu Sketch eklentileri, temel olarak temel Sketch özelliklerini genişletir veya daha erişilebilir hale getirir.

Sihirli Ayna 3

Eklentiyi buradan indirin: http://magicsketch.io/mirror/

Photoshop'tan Perspektif Dönüşümü kaçırırsanız, bu Sketch eklentisi sahip olmanız gereken bir şeydir. Herhangi bir Sketch katmanını, onu yok etmeden perspektifte dönüştürebileceksiniz.

Stark

Eklentiyi buradan indirin: http://www.getstark.co/

Projenizin erişilebilirliğine önem veriyorsanız sahip olunması gereken bir eklenti. Bu bir renk körü simülatörü ve kontrast denetleyicisidir.

Kullanışlı Araçlar

Eklentiyi buradan indirin: https://github.com/webpatch/Handy-Tools

Kullanışlı Araçlar, katman hizalama, boşluk bırakma veya katman görünürlüğü arasında geçiş yapma gibi bir dizi özellik sağlar.

Nudge Köşe Yarıçapı

Eklentiyi buradan indirin: https://github.com/DWilliames/nudge-corner-radius-sketch-plugin

Bu eklenti, köşe yarıçapını klavyenizden değiştirmenize olanak tanır.

Sembolleri İçe Aktar

Eklentiyi buradan indirin: https://github.com/kmerc/sketch-import-symbols

Birkaç Sketch dosyası üzerinde çalışıyorsanız, bu eklentiye göz atmak isteyebilirsiniz. Tüm sembolleri bir Sketch dosyasından diğerine aktarır.

Yarım Piksel Taşı

Eklentiyi buradan indirin: https://github.com/canisminor1990/sketch-move-half-pixel

Bazen Sketch'te bir nesneyi yarım piksel hareket ettirmek istersiniz - bu eklenti ile bu çok kolay.

Metin Eklentileri

Eklentiyi buradan indirin: https://github.com/joshwayne/jw-sketch-plugins

Bu iki eklenti ile birkaç metin katmanını tek bir metin alanında birleştirebilir veya bir metin alanını ayrı katmanlara bölebilirsiniz.

Appalet

Eklentiyi buradan indirin: https://github.com/Carlosarturo28/Appalette

Appalette, Dropbox, Facebook veya Airbnb gibi birçok popüler uygulamadan bir renk paleti indirecektir.

Tüm Katmanlarda Yazım Denetimi

Eklentiyi buradan indirin: https://github.com/Tallwave/sketch-spellcheck-all-layers

En sevdiğim Sketch Eklentilerinden biri. Yazım hataları için tüm dosyayı kontrol edecektir.

Otomatik Düzen

Eklentiyi buradan indirin: https://animaapp.github.io/

Bu eklentiyi tanımlayan dört kelime: Tasarımcılar için Duyarlı Tasarım.

Sıvı

Eklentiyi buradan indirin: https://github.com/matt-curtis/Fluid-for-Sketch

Kısıtlamalara dayalı olarak duyarlı çalışma yüzeyleri oluşturmanıza olanak tanıyan karmaşık bir eklenti.

Alçı

Eklentiyi buradan indirin: https://github.com/romashamin/compo-sketch

Bu Sketch eklentisi ile bir sonraki seviye dinamik bileşenler oluşturabilirsiniz.

FlipSize

Eklentiyi buradan indirin: https://github.com/apertureless/sketch-flip-size

Tek bir kısayol ile nesne genişliğini ve yüksekliğini değiştirecek küçük bir Sketch eklentisi.

Piksel Mükemmelleştirici

Eklentiyi buradan indirin: https://github.com/swiadek/pixel-perfecter-sketch-plugin

Bu basit Sketch eklentisi ile katman boyutlarının kırılmasını önleyeceksiniz.

Simge Damgası

Eklentiyi buradan indirin: https://github.com/tylergaw/icon-stamper

Sizin için farklı boyutlarda simge oluşturacak bir Sketch eklentisi.

Sosyal Çalışma Yüzeyleri

Eklentiyi buradan indirin: https://github.com/herrhelms/social-artboards-sketch

Çok fazla sosyal medya görüntüsü oluşturuyorsanız, bu Sketch eklentisi sizin için farklı boyutlarda çalışma yüzeyleri oluşturarak size çok zaman kazandıracak.

Bul ve Değiştir

Eklentiyi buradan indirin: https://github.com/thierryc/Sketch-Find-And-Replace

Bu Sketch eklentisi ile dosyanızın içindeki herhangi bir metni bulabilir ve değiştirebilirsiniz.

• • •

Toptal Tasarım Blogunda daha fazla okuma:

• eCommerce UX – En İyi Uygulamalara Genel Bir Bakış (Infografik ile)
• Ürün Tasarımında İnsan Merkezli Tasarımın Önemi
• En İyi UX Tasarımcı Portföyleri – İlham Veren Vaka Çalışmaları ve Örnekler
• Mobil Arayüzler için Sezgisel İlkeler
• Öngörülü Tasarım: Büyülü Kullanıcı Deneyimleri Nasıl Yaratılır