Bir Tasarım Aracı Olarak Figma'nın Gücü

Figma, işlevsellik ve özellikler açısından Sketch'e benzeyen, ancak Figma'yı ekip işbirliği için daha iyi hale getiren büyük farklılıklara sahip bulut tabanlı bir tasarım aracıdır. Bu tür iddialara şüpheyle yaklaşanlar için, Figma'nın tasarım sürecini nasıl basitleştirdiğini ve tasarımcıların ve ekiplerin birlikte verimli çalışmasına yardımcı olmada diğer programlardan daha etkili olduğunu açıklayacağız.

Hadi daha yakından bakalım.

Figma Her Platformda Çalışır

Figma, bir web tarayıcısı çalıştıran herhangi bir işletim sisteminde çalışır. Mac'ler, Windows PC'ler, Linux makineleri ve hatta Chromebook'lar Figma ile kullanılabilir. Kendi türünde bunu yapan tek tasarım aracıdır ve farklı işletim sistemleri çalıştıran donanım kullanan mağazalarda herkes Figma dosyalarını paylaşabilir, açabilir ve düzenleyebilir.

Birçok kuruluşta tasarımcılar Mac'ler, geliştiriciler ise Windows PC'ler kullanır. Figma bu grupları bir araya getirmeye yardımcı olur. Figma'nın evrensel doğası, PNG-pong'un (güncellenen görüntülerin tasarım ekibi disiplinleri arasında gidip geldiği) sıkıntısını da önler. Figma'da, tasarım çalışmasını herkese açık hale getirmek için bir aracı mekanizmaya ihtiyaç yoktur.

Figma'da İşbirliği Basit ve Tanıdıktır

Figma tarayıcı tabanlı olduğundan, ekipler Google Dokümanlar'da olduğu gibi işbirliği yapabilir. Bir dosyayı görüntüleyen ve düzenleyen kişiler, uygulamanın üst kısmında dairesel avatarlar olarak gösterilir. Her kişinin ayrıca adlandırılmış bir imleci vardır, bu nedenle kimin ne yaptığını takip etmek kolaydır. Başka birinin avatarına tıklamak, o anda görüntüledikleri şeye yakınlaştırır.

Gerçek zamanlı dosya işbirliği, yanlış yorumlama veya üzerinde anlaşmaya varılan bir tasarımdan sapma olarak tanımlanan "tasarım kaymasını" azaltmaya yardımcı olur. Tasarım sürüklenmesi genellikle bir fikir tasarlandığında ve bir proje devam ederken hızlı bir şekilde uygulandığında gerçekleşir. Ne yazık ki, bu genellikle yerleşik tasarımdan sapmaya, sürtünmeye ve yeniden çalışmaya neden olur.

Bir tasarım lideri, Figma'yı kullanarak, yalnızca paylaşılan bir dosyayı açarak ekibin gerçek zamanlı olarak ne tasarladığını görmek için check-in yapabilir. Bir tasarımcı kısa veya kullanıcı hikayesini bir şekilde yanlış yorumlarsa, bu özellik tasarımın müdahale etmesine, rotayı düzeltmesine ve aksi takdirde boşa harcanacak sayısız saatten tasarruf etmesine olanak tanır. (Karşılaştırma yapacak olursak, Sketch kullanan ekiplerin tasarımcıların yoldan çıkıp çıkmadığını hemen anlamaları mümkün değil.)

Yan not: Bazı tasarımcılar, çalışırken "gözetlenmekten" hoşlanmazlar, bu nedenle faydaları açıklamak tasarım liderine kalmıştır. Genel olarak, çoğu tasarımcı böyle bir özelliğin değerini çabucak görür ve paylaşılan bir ortamda çalışmaya kolayca uyum sağlar.

Figma Takım İletişimi için Slack Kullanıyor

Figma, iletişim kanalı olarak Slack'i kullanıyor. Slack'te bir Figma kanalı oluşturulduğunda, Figma'da yapılan herhangi bir yorum veya tasarım düzenlemesi ekibe “gevşetilir”. Bu işlevsellik, canlı tasarım yaparken çok önemlidir, çünkü bir Figma dosyasında yapılan değişiklikler, dosyanın gömülü olduğu diğer her örneği güncelleyecektir (geliştiriciler için potansiyel bir baş ağrısı). Bir modelde yapılan değişiklikler, garantili olsun ya da olmasın, hemen incelenir ve geri bildirim kanalı yayındadır.

Figma Paylaşımı Karmaşık ve Esnektir

Figma ayrıca herhangi bir dosyanın, sayfanın veya çerçevenin (diğer tasarım araçlarında çalışma yüzeyi olarak adlandırılır) izinlere dayalı olarak paylaşılmasına da izin verir. Bir sayfadaki bir çerçeveye paylaşım bağlantısı oluşturulduğunda, bu bağlantıya tıklayan kişi Figma'nın bir tarayıcı sürümünü açar ve çerçevenin yakınlaştırılmış bir görünümü yüklenir.

Dosyadan çerçeveye kadar bu seçici paylaşım biçimi, tasarımcıların, ürün sahiplerinin ve geliştiricilerin, Confluence veya SharePoint gibi hata izleme araçlarında ve topluluk yazılımlarında tam olarak ihtiyaç duyulanları paylaşmasına olanak tanır.

Gömülü Figma Dosyaları Gerçek Zamanlı Güncelleme Sağlar

Figma ayrıca bir iFrame'i üçüncü taraf araçlara yapıştırmak için canlı gömme kod parçacıklarını da paylaşır. Örneğin, Confluence gömülü maket dosyalarını görüntülemek için kullanılıyorsa, bu dosyalar bir Figma dosyası kaydedilerek “güncellenmez”—bu gömülü dosyalar Figma dosyasıdır.

Modelde Figma'daki herhangi biri tarafından bir değişiklik yapılırsa, bu değişiklik gömülü Confluence modelinde canlı olarak görülebilir. (Figma ve Confluence entegrasyonu hakkında daha fazla bilgiyi buradan okuyabilirsiniz.)

Bu özelliğin UX süreci üzerindeki etkisi aşağıdaki şemada gösterilmektedir:

Figma'dan önce , tasarım maketlerinin ve güncellemelerin değişimini kolaylaştırmak için birkaç başka araç kullanıldı. Yineleme döngüsü, ekiplerin mevcut tasarımı gözden geçirip uygulayabilmesi için bir dizi ileri geri dosya güncellemesiydi.

Figma'dan sonra, üçüncü taraf araçlara artık gerek yoktur (ancak istenirse kullanılabilir). Figma, daha önce açıklanan üçüncü taraf araçlarının işlevselliğini ele aldığından, süreçte yalnızca bir adım vardır - eskizlerden Figma'ya geçin ve tüm gruplar en son maketlere sahip olur. Kelimenin en katı anlamında “el değiştirme” yoktur.

Figma Tasarım İnceleme Geri Bildirimi İçin Harika

Figma, hem tasarım hem de prototipleme modlarında uygulama içi yorum yapmayı destekler ve yorum dizisi Slack ve/veya e-postada izlenir. InVision veya Marvel gibi bir üçüncü taraf aracı kullanan bir ekipten geri bildirim almak için PNG dosyalarını yayınlamaya veya sürekli güncellemeler gerçekleştirmeye gerek yoktur.

Tasarım incelemeleri sırasında, ekip tasarımcıları çalışmalarını büyük bir ekranda tartışabilir, yorumları kaydedebilir ve sorunları düzeltebilir - tümü Figma'da. Bu tür canlı geri bildirim, ekip girdisi almak için bir bulut hizmetine yükleme gerektiren Sketch ile mümkün değildir.

Geliştirici Aktarımı Figma Kullanılarak Kolaylaştırıldı

Figma, geliştiricilerin bir tasarım dosyasını gözden geçirirken kullanması için CSS, iOS veya Android formatlarında seçilen herhangi bir çerçeve veya nesne üzerinde kod parçacıkları görüntüler. Tasarım bileşenleri, görüntüleyebilecekleri herhangi bir dosyada herhangi bir geliştirici tarafından incelenebilir. Bilgileri almak için üçüncü taraf bir araç kullanmaya gerek yoktur. Buna rağmen, ekipler basit ölçüm ve CSS görüntülemeden daha fazlasını yapmak istiyorsa Figma, Zeplin ile tam entegrasyona sahiptir.

Figma Proje Dosyaları Tek Bir Yerde Bulunuyor—Çevrimiçi

Figma çevrimiçi bir uygulama olduğundan, projeleri ve dosyalarını özel bir görünümde görüntüleyerek dosya organizasyonunu gerçekleştirir. Figma, Sketch gibi dosya başına birden çok sayfayı da destekler, böylece Agile ekipleri projelerini mantıklı bir şekilde düzenleyebilir:

• Özellik teması için bir proje oluşturun.
• Destansı veya büyük bir özellik için bir dosya oluşturun.
• Her kullanıcı hikayesi için o dosyada sayfalar oluşturun.

Bu, sürecin gerektirdiği şeye bağlı olarak az ya da çok parçalı hale getirilebilecek dosyaları düzenlemenin sadece bir yöntemidir.

Figma API'leri Üçüncü Taraf Araç Entegrasyonu Sağlar

Figma'nın artık herhangi bir tarayıcı tabanlı uygulama ile gerçek entegrasyona izin veren geliştirici API'leri var. Şirketler, tasarım dosyalarının gerçek zamanlı görüntülerini uygulamalarına entegre etmek için bunu kullanıyor. Örneğin, Uber, şirketlerinin çevresinde "canlı yayında" tasarım dosyalarını görüntüleyen büyük ekranlara sahiptir. Tasarımlar paylaşılır ve şirketteki herkesten geri bildirim alınır.

Atlassian'ın JIRA yazılımı bir Figma eklentisi uyguladı, böylece ürün sahipleri, geliştiriciler ve kalite mühendisleri her zaman tasarımcıların herhangi bir maketinin en son sürümünü görüntülüyor.

Ek olarak, Figma'nın API'si, Sketch'in halihazırda sağladığı üçüncü taraf eklentiler ve özellik geliştirmeleri için müşteri isteklerini yerine getirmeyi vaat ediyor.

Dosya Sürüm Oluşturma Otomatik veya İsteğe Bağlıdır

Canlı dosya güncellemesini çevreleyen herhangi bir belirsizlik, Figma'nın yerleşik versiyonlama sistemi tarafından daha da azaltılır. Herhangi bir zamanda, bir tasarımcı bir Figma dosyasının adlandırılmış bir versiyonunu ve tanımını oluşturabilir; bu, bir tasarımda üzerinde anlaşmaya varılan değişiklikler yapıldıktan hemen sonra yapılabilir.

Paylaşılan ortamdaki canlı dosya, değişiklikler kasıtlı olarak orijinal sürümde taahhüt edilene kadar etkilenmeyecektir. Bir kopya oluşturmak veya orijinalin üzerine yazmak için otomatik olarak kaydedilen sürümleri geri yüklemek de mümkündür.

Figma'da Prototipleme Basit ve Sezgiseldir

Sketch yakın zamanda çalışma yüzeyi prototiplemeye çalışma yüzeyi eklerken, Figma çerçeveler arasında geçişler sağlayarak daha da ileri gitti. Figma'nın basit prototipleme özelliği, InVision veya Marvel gibi slayt gösterisi tarzında prototipleme yapan başka bir araca olan ihtiyacı ortadan kaldırır. Tüm gereken geçişler içeren basit bir sunum olduğunda, inceleme araçlarına dışa aktarmaya gerek yoktur.

Figma prototipleri, Figma tasarım dosyaları gibi dağıtılabilir; bağlantı izni olan herkes bir prototipi görüntüleyebilir ve yorumlayabilir ve yine bu geri bildirim aracın yorum panelinde yakalanır ve Slack'e kaydedilir. Geliştiriciler tasarım iş akışını görebilir, tasarımcılar için doğrudan @mesajlar bırakabilir ve prototipin içinden ölçümler ve CSS nitelikleri alabilir.

Figma'nın Takım Kitaplıkları Tasarım Sistemleri İçin İdealdir

Tasarım sistemleri birçok şirket için bir zorunluluk haline geldi ve UX tasarımcıları ve ön uç geliştiriciler için mevcut desen kitaplıklarında kullanım için yeniden kullanılabilir, ölçeklenebilir ve "belirteçleştirilmiş" bileşenlere (Sketch ve Illustrator'daki semboller) ihtiyaç var.

Sıklıkla kullanılan “tek gerçek kaynağı” ifadesi buraya uyuyor - bir Figma ekip kitaplığı oluşturulduğunda, bir projeye erişimi olan herkes tasarımlarında bileşenlerin örneklerini kullanabilir ve en son sürümlerle çalıştıklarından emin olabilir.

Figma'nın bileşen kitaplıklarına yaklaşımı basit ve yönetimi kolaydır. Tasarımcılar, bileşenlerle dolu dosyalar oluşturabilir veya bir kalıp kitaplığını düzenlemek için sayfadaki bileşenleri kullanabilir. Bir Figma sayfasındaki her çerçeve, ekip kitaplığındaki organizasyonel bölüm haline gelir (bunun gibi\hiyerarşiler oluşturmaya gerek yoktur).

Kitaplıkları düzenlemenin bir yolu, yalnızca bileşenlere ayrılmış bir projeye sahip olmaktır. Bu projedeki dosyalar gerektiği gibi düzenlenebilir ve bu dosyaların içindeki sayfalar buna göre düzenlenebilir.

Figma Tasarım Takım Çalışmasını Geliştirmek İçin Üretildi

Figma'yı herhangi bir süre boyunca kullanmak, bu canlı işbirliği aracının faydalarını gösterecektir. Ekipleri görev başında tutar ve çeşitli disiplinler için bir tasarım sistemi oluştururken gerekli olan tam açıklamayı teşvik eder. Figma, herkesin herhangi bir platformda kullanması kolaydır ve ekiplerin çalışmalarını ve kitaplıklarını hızlı bir şekilde paylaşmasına olanak tanır.

Sketch'ten geçiş yaptıktan sonra Figma'yı kullanan tasarım uzmanları (Sketch dosyaları Figma'ya parite ile aktarılabilir) hayal kırıklığına uğramaz:

…iş arkadaşlarınızla ve müşterilerinizle çalışma şeklinizi tamamen değiştirir – Figma ile İşbirliğine Dayalı Tasarımı Kolaylaştırın

Figma, son birkaç yılda UI tasarım araçları dünyasındaki her şeyin en iyisini bir araya getirdi - Tasarım Ekibiniz Neden Figma'ya Geçmeyi Düşünmeli?

Geçen yıl, UI/UX tasarım sürecim için Figma'yı kullanıyorum ve bu beni saatlerce çalışmaktan kurtarıyor. Tasarım iş akışımı gerçekten değiştirdi – Figma ile UI/UX İş Akışınızı Nasıl Kolaylaştırabilirsiniz?

Figma'da geçirdiğim zaman genellikle günümün en keyifli ve en üretken kısmıdır – Figma Tüm İş Akışımı Dönüştürüyor ve Harika!

• • •

Daha fazla okuma:

• Bu En İyi UX Araçları ile İşinizde Ustalaşın
• Figma ile İşbirlikçi Tasarımı Kolaylaştırın
• Ekip İşbirliğini Kolaylaştırmak için Craft by InVision'ı kullanın
• Tel Çerçeveye Ölüm. Doğrudan Yüksek Sadakat!
• Dünyayı Ofisiniz Yaparak Birinci Sınıf Tasarımcı Olun