Kaynaklar Tasarım

Sketch Tasarımlarını Slinky ile HTML Bültenlerine Dönüştürün

Sketch tasarımlarını kodlamak kolay olmayabilir. Slinky ile yaptığınız Sketch tasarımlarınızı HTML olarak dışa aktararak kolayca kullanabilirsiniz.

Çoğu kod dışa aktarma araçları aksaklık çıkarabilir ve çok güvenilir değildir. Bununla birlikte, Slinky, Sketch’in farklı türde dışa aktarıcısıdır ve tasarımlarınızı tamamen uyumlu bülten şablonlarına dönüştürür.

Bülten fikirleri bulmak ve sık kullanılanlarınızı bir tasarım programında oluşturmak kolay. Ancak, bültenin genelde sabit kodlanması zaman alıyor. Slinky‘nin öne çıktığı nokta tam da burasıdır.

Sadece eklentiyi kurun ve Bülten mockup’unuzu Sketch ile tasarlayın. Ardından, üst menüden Plugins > Slinky > Export selected artboard seçeneğine tıklayın. Bu, dosyaların nereye aktarılacağını ve bültenin nasıl adlandırılacağını seçmek için yeni bir menü ortaya çıkarır.

Birkaç saniye içinde, tüm büyük e-posta programlarıyla tam uyumlu, hazır bir şablonunuz var. Ancak, haber bültenlerinizi doğru gördüklerinden emin olmak için test etmeniz iyi bir fikirdir.

Diğer kod export araçları gibi, Slinky mükemmel değildir. Örneğin, HTML kodunda ayrı öğeler olarak bulunmasını isterseniz, tüm görüntülerin Eskiz’de “dışa aktarılabilir” olarak işaretlenmesi gerekir.

Bu küçük bir sıkıntıdır ancak bu eklenti, HTML / CSS şablonlarını sıfırdan yazmaya kıyasla size çok fazla zaman kazandırabilir. Her şey sizin ne kadar çok şey yapmanız gerektiğine bağlı.

Bu eklenti ve gereksinimler hakkında daha fazla bilgi edinmek için ana GitHub repo‘yu kontrol edin. Kullanım kılavuzlarına göz atmanız için mükemmel bir yer ve herhangi bir sorunuz veya öneriniz varsa Finch’deki oluşturucularının iletişim bilgilerini bile bulabilirsiniz.

Bu eklenti, herhangi bir proje için % 100 ücretsizdir; bu nedenle Slinky, kodlama becerilerinizden bağımsız olarak mükemmel bir seçimdir. Eklenti sayfasını ziyaret edin ve Sketch’den doğrudan e-posta şablonlarını başlatmak için bir kopyasını indirin.

Bu makalede Sketch tasarımlarının HTML ‘e export edilebildiği Slinky uygulamasından bahsettik. Bu konu hakkındaki düşüncelerinizi yorum yaparak bizlerle paylaşabilirsiniz.



Yazar hakkında

Bilal UÇAR

Web Developer @Webmaster.Kitchen.
Wordpress üzerinde çalışmalar yapıyorum. Bu konuda öğrendiklerimi mutfakta paylaşıyorum. Siz de yaptığınız çalışmaları, edindiğiniz bilgileri paylaşabilirsiniz.
Yorum alanı ile mutfağa katkıda bulunun.

Yorumlar

Bir yorum yaz