Avocode

Avocode  ile Windows PC’de PSD ve Sketch tasarımlarını açın . Doğrudan katmanlardan CSS, Swift ve XML oluşturun ve görüntüleri, renkleri, yazı tiplerini, stilleri, boyutları ve ölçümleri dışa aktarın. Ekip üyelerinizi davet edin ve kullanıcı izinlerini kolayca yönetin. Herhangi bir sayıda insan aynı tasarımı aynı anda inceleyebilir. Yorumlar aracılığıyla kesin tasarım geri bildirimi verin ve bir şey değiştiğinde bildirim alın. Tasarım revizyonlarını bir arada tutun ve projelere dönüştürün. Tüm Photoshop ve Sketch kaynak dosyalarını güvenli bir yere yükleyin, tüm ekibiniz 7/24 erişebilir, açabilir ve indirebilir.

Özellikler ve Önemli Noktalar

Photoshop ve Sketch olmadan açık .psd ve .sketch
Avocode, Photoshop ve Sketch tasarımlarını kendi kendine işler . Bu nedenle Avocode’a yüklediğiniz herhangi bir tasarımı açabilir ve inceleyebilirsiniz. Herhangi bir işletim sisteminde ve tasarımcının araçları olmadan.

CSS, Swift, Android ve React’i bir tasarımdan dışa aktarma  görüntüleri

JS kodu içinde katman ve yazı tipi stilleri, piksel, pt ve dp gibi birimler içeren özlü CSS, Daha Az, Sass, Daha Az, SCSS, Stylus, Swift, Android ve CSS oluşturun ve HEX, UIcolor veya HEX8’deki renkler.

@ 4x veya xxxhdpi çözünürlüğe kadar dışa aktarma görüntüleri
Tasarımın bir katmanını, birden çok katmanını veya bir dilimini seçip görüntü olarak dışa aktarın. Çeşitli çözünürlükler için daha fazla değişken ekleyin. Hatta herhangi bir masaüstü, iOS veya Android ekranına uyacak şekilde vektör şekillerini yükseltebilir ve dışa aktarabilirsiniz.

Handpicked # BADA55 renkleri Renkleri
Manuel olarak kopyalayıp dönüştürmek … bu çok dün. Sadece bir renk seçin ve renk kodu hemen panonuza eklenir, böylece ihtiyacınız olan yere yapıştırabilirsiniz.

Metin katmanlarını düz metin, resimler veya html kodu
olarak dışa aktarma Bir metin katmanı seçtiğinizde, katmanı görüntü olarak dışa aktarabilir, düz metin kopyalayabilir veya HTML etiketleriyle metin kopyalayabilirsiniz. STİLLER paneli size font ailesi, font ağırlığı ve font boyutu gibi her şeyi gösterir.

Hassas ölçümler, göz küresi yok
Anında herhangi bir boyut veya mesafe yakalayın. Hassas hizalamayı kontrol etmenizi sağlayan kılavuzlar ekleyin, taşıyın ve kaldırın. Bunları herhangi bir nesneden herhangi bir yere olan mesafeyi ölçmek için de kullanabilirsiniz.

Herhangi bir şeyi değişken olarak tanımlayın
Kod çıkışını, bölümlerini gizleyerek ve yeniden sıralayarak özelleştirebilirsiniz. Koddaki herhangi bir değeri (renkler, yazı tipi, degrade, boyut, mesafe) tanımlayın ve bir değişken olarak değiştirin; dışa aktarılan kodda otomatik olarak görünecektir.

Tasarımları paylaşın ve ekip üyelerini davet
edin Geliştiricinizin programdaki tüm tasarım özelliklerini kendi başına çıkarmasına izin verin. Tasarımı incelemesi gereken ekip üyelerini davet edebilir veya yalnızca yorum yapması gereken kişilerle genel bir bağlantı paylaşabilirsiniz.

.Psd ve .sketch’i bir eklenti ile senkronize edin
Uygulamaya bir tasarım veya düzeltme yüklemek için kelimenin tam anlamıyla Photoshop veya Sketch uygulamasında kalabilirsiniz. Eklenti isabet senkronizasyonunu yükleyin, tasarım aniden bulutunuzda görünecektir.

Tasarımın herhangi bir alanını seçin ve üzerine yorum yapın
Her şeyi tartışın, düşüncelerinizi açıklayın ve kelimenin tam anlamıyla tasarımın üstündeki yorumlarla iş arkadaşlarınıza geri bildirim bırakın. Herhangi bir alanı vurgulayın, ekibinizle gerçek zamanlı olarak yorumlar ekleyin, yanıtlayın ve çözün.

Ekibinizin gelişimi hakkında Slack ile ilgili
bildirim alın Ekibiniz çiftleştiğinde, bir tasarım yüklediğinde, bir düzeltme eklediğinde veya bir yorum yazdığında e-posta yoluyla veya özel bir Slack kanalında bildirim alın. İlerlemeyi uygulamadaki etkinlik çubuğundan da izleyebilirsiniz.

Kimin ne gördüğünü yönet
Ekip üyelerini, serbest çalışanları ve yüklenicileri davet edin ve ekibinizdeki belirli projeler için izinlerini yönetin. Tasarımın önizlemesini üçüncü taraflara (müşteriler gibi) genel bir bağlantı aracılığıyla paylaşın ve yorum yapmalarına izin verin.

Tüm tasarımlarınız için tek bir yer
Tasarımları buluta yükleyin, sürümleri ve tasarım ayarlarını (ölçek, platform, birimler) ekibinizle senkronize edin. Ekip üyelerinizin en yeni tasarım revizyonlarına 7/24 erişmesine, bunları incelemesine ve indirmesine izin verin.

Vizyonunuzdaki tüm revizyonlar
İstediğiniz kadar yeniden tasarlayın. Uygulama, tüm tasarım sürümleriniz için güncel bir depo olarak çalışır. Revizyonları üst üste istifleyebilir ve ardından görsel olarak yan yana karşılaştırabilirsiniz.

Güvenli tutmak için sıfır zaman ama çok güvenli
Tasarımınızı buluta yüklediğinizde, ekibiniz tarafından erişilebilir hale gelir. Programa yüklediğiniz her şey bir SSL sertifikası ile şifrelenir, böylece tasarımınız tamamen size aittir.

Tasarımları sıralayın ve projelerinizde arayın
Uygulama istediğiniz kadar proje üzerinde çalışmanıza olanak tanır. Herhangi bir tasarımı yükledikten sonra buna göre sıralayın. Bir şey arıyorsanız, arama çubuğuna yazmanız veya tasarımınızı önizlemek için SPACE tuşuna basmanız yeterlidir.

Avocode uygulaması,
Windows’ta herhangi bir işletim sistemi açılışında PSD / Sketch tasarımlarını veya Linux’ta PSD’yi oluşturur, uygulama ile mümkün olanın sadece başlangıcıdır. Açtığınız her tasarım piksel mükemmel hale getirilecek ve indirilecek, böylece internet bağlantınızı kaybettiğinizde bile erişebilirsiniz.

Avocode – nedir ve kullanmaya değer mi?

Son zamanlarda büyük bir sorunla karşılaştım. Müvekkilimin tasarımcısı bana Mac’te bir grafik tasarım uygulaması olan Sketch’de tasarladığı dosyaları sağladı. Bu görüntü dosyalarını Ubuntu veya Windows’ta açmanın bir yolunu bulmak için internetten kazdım. Genellikle zordu, bu yüzden başka bir çözüm buldum – Avocode‘u denemeye karar verdik .

Hem masaüstü hem de web uygulamasıdır. Hem PSD formatında hem de Sketch’te oluşturulan dosyaları açmanıza izin verir. Bu program Mac, Windows ve Linux için kullanılabilir.

Avocode neden kullanışlı bir araçtır?
Katmanları veya öğeleri dışa aktarmanıza olanak tanır (her seferinde bir veya birkaç tane) . SVG, PNG, JPG ve WEBP formatlarında dışa aktarabiliriz . SVG’ye kaydedilen öğeler bir kerede 2x, 3x veya 4x kez ölçeklendirilebilir.

Hazır kod parçaları oluşturur: CSS, Less, Sass, SCSS, Stylus, Swift, Android, JS’de CSS ve React Native. Min. elemanın yüksekliği, genişliği, yazı tipi ve boyutu, renkleri; her şey doğru birimlerle. Sadece tek bir tıklama ile kopyalayın ve editörünüze yapıştırın.

Ekip oluşturmayı ve grafik projeleri paylaşmayı sağlar. Yorum ekleme seçeneği ile iletişim kolaylaştırılmaktadır.

Avocode, metni hemen bir HTML öğesi olarak kolayca kopyalamanıza veya JPG veya PNG olarak dışa aktarmanıza olanak tanır . Sadece bir tıklama ve metin editörümüze yapıştırmaya hazır.

Değişkenleri tanımlamanızı sağlar – renkler, yazı tipleri, degradeler, boyutlar ve mesafeler. Bu şekilde, Avocode’dan kopyalanan kod hemen değişkenlerimizi içerecek ve kopyalayacaktır. Henüz test etmedim, ama ilginç bir seçenek gibi görünüyor.

Ek olarak, elemanın tam boyutlarını ve konumunu sağlar . Üst menüden Ölçü aracını seçin, imleci öğenin üzerine getirin ve hem katmanın sınırları hem de o katmanda bulunan diğer öğelerle ilgili tam bir bilgi kümesi elde ederiz . Bu şekilde Avocode, kenar boşluklarını ve dolguyu belirlemeye yardımcı olur.

Avocode, bu aracı ihtiyaçlarınıza göre özelleştirmenizi sağlayan birkaç gelişmiş ayara sahiptir.

Gelişmiş ayarlarda, örneğin, varsayılan birimleri değiştirebiliriz

Bu aracı kullanmaya başladım, ancak bence çok değerli, kodlamayı basitleştiriyor ve geliştiriyor. Uygulamanın kendisi oldukça sezgisel, kullanımı oldukça hoş. Mükemmel değil, ama sürekli geliştiriliyor ve yeni işlevler ekleniyor. Araç ödenir (14 günlük bir deneme süresinden sonra), herhangi bir zamanda iptal edilebilen aylık bir abonelik ödeyebilir veya yıllık plandaki indirimden yararlanabilirsiniz.

Avocode fiyatlandırma
Aylık fiyatlar

Umarım bu makale yardımcı olmuştur. Bu aracı kullandıysanız bana bildirin. Ya da belki başka ilginç ve rekabetçi biliyor musunuz? Herhangi bir sorunuz varsa, lütfen yorum bırakın! ?

Not : Avocode’u bugün deneyin ve 14 gün ücretsiz kullanın.

İndirTık