UI ve UX Tasarımcıları için 6 Figma Alternatifi

Adobe'nin Figma'yı satın aldığı haberleri artık ortada yok. Twitter ve Slack kanallarını dolduran memelerin miktarı oldukça fazla. Herkes adına konuşamasam da, önemli sayıda tasarımcının bu haberle rahat yaşayamayacağını düşünüyorum.

Her şeyden önce, şu anda – Figma bağımsız (Creative Cloud'dan ayrı) bir şirket olarak kalacaktır. CEO Dylan Field'ın yaptığı duyuruda bu kadarı söylendi. Gelecek planları hakkında daha somut bilgiler elde edildikçe, bu makale buna göre güncellenecektir.

9.16.22022 – Figma, satın almayı tartışmak için bir Twitter Spaces yaptı ve Ashish, söylenen/tartışılan her şeyin bir özetini bir araya getirdi.

Diğer bir şey ise, Figma'nın hem ücretsiz bir plan hem de bir Topluluk Merkezi söz konusu olduğunda gerçek bir rekabeti olmamasıdır. Küçük çaplı bir tasarımcı veya blog yazarıysanız, Ücretsiz ve Profesyonel planları arasındaki farkı anlayamazsınız. Bu ne kadar iyi.

Yarışma, doldurulacak oldukça fazla ayakkabı aldı.

Sadece Figma, bir düzine kullanım örneğine sahip, platformlar arası, işbirliği öncelikli bir tasarım ve prototip oluşturma aracı değildir. 6 kısa yıl içinde, Figma bir tasarım aracından tasarım kaynakları, araçları ve birinci sınıf Kullanıcı Arayüzlerinin nasıl oluşturulacağına dair kılavuzlar için bir merkez üssü haline geldi.

Öyle ki bir Sketch, InVision, Adobe XD veya başka bir alternatif platform kullanıcısıysanız, Figma kaynakları o kadar iyi olduğu için günlük tasarım iş akışınızın bir parçası olabilir. Ve bu, gerçek Figma kullanıcıları için on kat güçlendirildi. Şablonlardan UI kitlerine, dokular ve desenlere ve tasarımı çok daha keyifli hale getiren son derece zengin bir eklenti deposuna.

İnsanların Adobe'nin Figma'yı satın almasından dolayı üzülmesinden çok, bu topluluk tarafından küratörlüğü yapılan kaynaklara erişimi kaybetme korkusu olduğunu düşünüyorum. İster ücretli ister ücretsiz bir tasarım aracı olun, bir topluluk yönünü entegre etmek faydalı olabilir. Daha da fazlası, Adobe'nin Figma'nın fişini çekip Creative Cloud'a yerleştirmeye karar verdiği gün gelirse.

UI ve UX Tasarımcıları için Figma Alternatifleri

İnsanlar inanılmaz derecede uyarlanabilir yaratıklardır, bu yüzden Figma'yı harika bir platform yapan birçok şeye bakacağız. Bunun yerine, diğer Tasarım / Prototipleme araçlarını sağlam bir alternatif yapan şeylere bakacağız.

1. Kalemlik

Penpot 2021'den beri çalışıyor (ancak fikri 2018'e kadar uzanıyor gibi görünüyor) ve tasarım, işbirliği ve prototip oluşturma için açık kaynaklı yazılım olarak geliştiriliyor. Platformlar arasıdır (tarayıcı tabanlı) ve Penpot'u Elestio veya Docker ile kendi kendine barındırabilirsiniz.

Projenin kendisi hala Beta'da ve bir süre daha bu durumda kalacağına inanıyorum. Yine de, Penpot'un üzerine inşa edildiği temel özellikler nelerdir?

• Tasarım – tasarım projeleri oluşturmak ve yönetmek için bileşen odaklı arayüz.
• Prototipleme – etkileşimli UX önizlemeleri oluşturun ve tasarım akışını test edin.
• İşbirliği – geri bildirim ve yorum desteği ile gerçek zamanlı ekip işbirliği.
• Geri bildirim – belirli öğeler hakkında yorumlar oluşturun ve bunları ekibinizle paylaşın.
• Kaynaklar – topluluk tarafından seçilen kitaplıklar ve şablonlar.

Dolayısıyla Penpot, Figma'nın sundukları ile oldukça uyumludur, buna özgür olmak da dahildir. Penpot'un arayüzüne gelince, Figma ve diğer benzer araçlar arasında pek çok benzerlik var.

Bence onunla oynarsanız, Figma'da olduğu kadar çabuk hissettirmeyen şeyler bulacağınızdan emin olabilirsiniz. Görüntüleri kopyalayıp yapıştırmak mümkündür, ancak Varlıklar yapısının kendi başına alışması, Figma'daki ne kadar doğrusal olduğuna kıyasla bir dakika sürebilir.

Penpot'ta olmayan bir şey Otomatik Düzen, ancak bunun üzerinde çalışıldığı bu tweet'te onaylandı ve kısa süre içinde gelmesi bekleniyor. Ayrıca, .fig dosyalarınızı Penpot'a yükleyebilmenizi sağlamak için yapılan çalışmalar var. Bu, Otomatik Düzen eklendikten sonra geliyor gibi görünüyor.

DesignCourse'dan Gary Simon yakın zamanda Penpot için bir eğitim hazırladı ve onun 30 dakikalık tanıtım videosunu buradan izleyebilirsiniz. Eğitim, bir portföy için basit bir açılış sayfası tasarımına dayanmaktadır ve Penpot'un bu geliştirme aşamasında neler yapabileceğine dair iyi bir genel bakış olarak hizmet vermektedir.

2. Eskiz

Sketch'teki ekibin bu haberden çok memnun olduğuna eminim. Figma ve Sketch, piyasadaki en iyi UI/UX tasarım araçlarıdır ve bunda önemli bir fark vardır. Sketch ile ilgili tek sorun, diğer sistemlere doğru genişlemeyi planladıklarına dair söylentiler olmasına rağmen, macOS'un arkasında kilitli kalmasıdır (web uygulaması yalnızca prototip paylaşımı ve geri bildirim ile sınırlıdır).

Burada oturup Figma ve Sketch arasındaki çeşitli karşılaştırmaları tartışmayı çok isterdim, ama bunu benim için zaten yaptılar. Bu sayfa, Sketch'te yeni olan veya önceki deneyime sahip olan ve Sketch'in Figma'ya kıyasla nasıl olduğu konusunda bir tazeleme ihtiyacı olan herkes içindir.

Topluluk katılımı ile ilgili olarak, Sketch kesinlikle en iyileriyle orada. Düzinelerce aktif Sketch freebie web sitesi vardır ve Sketch, Uzantılar ve Entegrasyonlar gibi şeylerin yanı sıra bir Eklenti sistemine sahiptir. Ayrıca, tasarımın temellerine, ancak daha da önemlisi, Sketch'in arayüzü ve yeteneklerine bir giriş olarak hizmet eden harika bir ücretsiz kursa sahiptirler.

Fiyatlandırmaya gelince, Sketch 30 günlük ücretsiz bir deneme sunuyor ve premium planı yılda 99 ABD doları seviyesinde sabit.

3. Siter

Figma'yı öncelikli olarak daha sonra özelleştirip HTML şablonlama için ilettiğiniz önceden var olan UI kitlerini kullanmak için kullanıyorsanız, o zaman Siter yararlı bir alternatif olabilir. Bu tasarım aracı, web sitesi düzenlerini oluşturmak ve özelleştirmek ve bunları Siter aracılığıyla yayınlamak için kodsuz bir platform olarak oluşturulmuştur.

Platformlarının harika yanı, başkalarını aynı tasarım üzerinde işbirliği yapmaya davet edebilmenizdir. Başka bir deyişle, bu, müşterileri için canlı web siteleri oluşturma konusunda uzmanlaşmış bir ajansın herhangi bir parçası için iyi bir alternatif olabilir. Proje bittiğinde, mülkiyeti müşterinize devredebilirsiniz.

İşte diğer bazı özellikler:

• Kod – Tasarımınızı yayınladığınızda veya önizlediğinizde yürütülen özel kod ekleyebilirsiniz.
• SVG – SVG Vektörlerini içe aktarmak ve düzenlemek veya bunları eğrilerle kendiniz oluşturmak mümkündür.
• Hareket – Canlı bir önizleme ile öğe durumunu (geçişler, fareyle üzerine gelme, etkin) ayarlayın.
• Figma İthalat – Yapabilirsiniz mevcut bir Figma projesini içe aktarın ve canlı bir web sitesine dönüştürün!

Fiyatlandırma, kişisel projeler için ayda 12 dolardan ve en fazla 5 ortak çalışan ve/veya projeye sahip projeler için 19 dolardan başlar.

4. UXPin

İster illüstrasyonlar ister kullanıcı arayüzü tasarımı için tasarım araçlarıyla ilgili şeylerden biri, bir süre sonra hepsinin aynı hissetmesidir. Elbette, her aracın diğerinin sahip olmadığı bazı belirgin özellikleri vardır, ancak uzaktan bakıldığında tasarım araçları benzer şekilde oluşturulma eğilimindedir.

Peki, UXPin'in bundan farkı nedir?

UXPin, geliştiricilerin kullandığı aynı bileşenleri kullanarak arayüzlerinizi oluşturmanıza olanak tanıyan kod tabanlı bir tasarım aracıdır. Özelliğe Birleştirme adı verilir ve yalnızca React için kullanılabilir.

UXPin'i bu özellik olmadan kullanmak mümkündür ve platform, prototip oluşturma, tel çerçeveleme ve ortak çalışma dahil olmak üzere günlük UI çalışmaları için olgunlaşmıştır.

Bu kulağa yeterince çılgınca gelmiyorsa, UXPin bir sonraki UI projeniz için başlangıç ​​noktası olarak önceden var olan Tasarım Sistemlerini entegre etmeyi de destekler. Material UI arasında seçim yapabilir veya UXPin'in desteklediği tüm bileşen kitaplıkları için Adele dizinine göz atabilirsiniz.

Utanmaz eklenti: Daha önce React bileşen kitaplıkları hakkında yazmıştım.

Daha fazlasını öğrenmek isterseniz, bunu yapacağınız yer UXPin Dokümanları olacaktır. Düzenleyici örnekleri ve nasıl kullanılacağının yanı sıra birçok başka özellik ve Birleştirme özelliğiyle ilgili tüm bilgiler de dahil olmak üzere, bu aracın sunduğu her yönüyle ilgili ayrıntılı talimatlar bulacaksınız.

Peki ya fiyatlandırma? UXPin iki farklı plan sunar: Birleştirme ve Standart. Birleştirme , Başlangıç ​​planı (1 kullanıcı) için ayda 89 ABD dolarından ve Şirket planı için (ayrıca 1 kullanıcı başına) ayda 119 ABD dolarından başlar. Standart , kullanıcı başına aylık 19 dolardan başlar, Pro planı ise aylık 69 dolara mal olur.

5. Yakın İlgi Alanı Tasarımcısı

Affinity Designer, kendi başına bir UI/UX aracı olarak pazarlanmadığından genellikle gözden kaçar.

Yine de maket tasarımı, UI tasarımı, logolar ve marka varlıklarında yeteneklidir. Bunun da ötesinde, Figma'yı kullanmaktaki birincil amacınız marka varlıkları ve genel yaratıcı yapı gibi şeyleri tasarlamak ve optimize etmekse harika olan olağanüstü illüstrasyon özelliklerine sahiptir.

Joshua Omido'nun bu videosu, Affinity'nin arayüzüne güzel bir genel bakış ve aynı zamanda bir mobil uygulama UI tasarımı ile çalışma sürecinin tamamı.

Bununla birlikte, Affinity Designer, gerçek zamanlı işbirliği ve prototip oluşturma gibi özelliklerden yoksundur ve bir eklenti sistemine de sahip değildir. Takımlar için kesinlikle bir anlaşma kırıcı.

Son olarak, Affinity Designer'ın üstün olduğu alan lisanslama sistemidir. Yazılım için yalnızca bir kez ödeme yaparsınız (60$ + ücretsiz deneme sürümü) ve yazılımı Windows veya macOS cihazlarınızda kullanabilirsiniz.

6. InVision

InVision, FigJam'e alternatif bir çözüm sunar. Bir Figma kullanıcısı olarak, FigJam'e zaten aşinasınızdır. Değilse, fikirler üzerinde birlikte çalışabileceğiniz, taşa planlar koyabileceğiniz ve görsel proje yörüngeleri oluşturabileceğiniz çevrimiçi bir ekip tabanlı beyaz tahta arayüzüdür. InVision, aynı çözümü, satın alınabilirliğe ( ücretsiz bir planı var! ) ve basit özelliklere odaklanarak sağlar.

Linux için (yerel) UI/UX tasarım araçları var mı?

Bu sorunun son 24 saat içinde çok sorulduğunu gördüm ve bildiğim kadarıyla – tek yerel Linux UI/UX tasarım aracı Akira'dır.

Proje çok erken geliştirme aşamasındadır. İnsanlar projeye kendileri katkıda bulunmaya veya finansal olarak desteklemeye istekli olmadıkça, ilerlemenin nispeten yavaş olmasını bekliyorum. Bu aynı zamanda, daha popüler UI/UX tasarım araçlarının birçoğunun, yerel uygulamalar oluşturma ihtiyacını ortadan kaldırdığı için, kesinlikle tarayıcı tabanlı bir arayüze odaklanmasının nedenidir.