Öne Çıkanlar: Yapay zeka sohbeti , Retro benzeri oyunlar , konum değiştirici , Roblox engeli kaldırıldı
Öne Çıkanlar: Yapay zeka sohbeti , Retro benzeri oyunlar , konum değiştirici , Roblox engeli kaldırıldı
Web siteleri ve mobil uygulamalar için kullanıcı arayüzleri tasarlamak, ekibinizle birlikte Figma’yı kullanarak son derece basittir; Figma güçlü ve ücretsiz bir prototipleme aracıdır. Çevrim içi iş birliğine verilen önem ve ek olarak tarayıcı tabanlı arayüz sayesinde herkes tasarım sürecine katılabilir. Aracın ücretsiz sürümündeki kısıtlamalar ise tek dezavantajıdır. Figma hakkında bildiğimiz en temel şey bu olabilir. Bu yazı, bu ayrıntılı Figma incelemelerini okuyarak onu daha yakından tanımamızı sağlıyor.
İçindekiler
Ekibinizle birlikte web siteleri ve mobil uygulamalar için kullanıcı arayüzleri tasarlamak basittir: Güçlü, ücretsiz bir prototip oluşturma aracı olan Figma'yı kullanmak. Çevrimiçi işbirliğine verilen önem ve tarayıcı tabanlı ek bir arayüz sayesinde herkes tasarım sürecine katılabilir. Aracın ücretsiz sürümündeki sınırlamalar, tek dezavantajıdır.
Ayrıca, özel olarak kullanıcı arayüzleri oluşturmak için yapılmış web tabanlı bir programa Figma (UI) adı verilir. 2015 yılında, kullanıcı arabirimi projelerinde işbirliği yapmak için daha etkili bir yaklaşım oluşturmayı amaçlayan küçük bir Google geliştiricileri grubu tarafından geliştirilmiştir. Photoshop ve Sketch gibi mevcut araçların yeterince çok yönlü olmadığını düşündüler ve bu da onları çileden çıkardı. Bu nedenle, insanların daha fazla görevi daha hızlı tamamlamasını sağlamak için yeni bir şey geliştirmeye koyuldular.
Üstelik sonucu olan Figma 2016 yılında halka açıldı. O zamandan beri binlerce uzman tasarımcı tarafından kullanıldı ve milyonlarca kez indirildi. Müşterilere diğer yazılımların sahip olmadığı özel bir işlev kombinasyonu sağladığı için popülaritesi hızla arttı.
Profesyonel fotoğraf düzenleme programı Photoshop bir süredir ortalıkta dolaşıyor. Tasarımcılar ve fotoğrafçılar, Kırpma, yeniden boyutlandırma ve renklendirme gibi ince ayarlar yapmak için Photoshop'u kullanarak fotoğrafları düzenler. 2016 yılında Figma adlı yepyeni bir web uygulaması tanıtıldı. Kullanıcıların web siteleri ve diğer dijital ürünler için tel kafesler, prototipler ve maketler üretmelerine yardımcı olmak için yapılmıştır. İşte Photoshop yerine Figma'yı kullanmanızın üç harika nedeni.
◆ Kullanımı Kolay. Figma’nın en büyük avantajlarından biri kullanımının kolay olmasıdır. Kaybolmanıza neden olacak karmaşık araç çubukları veya menüler yoktur. Bunun yerine, yapmanız gereken tek şey ekranın üst kısmındaki ana menüden seçim yapmaktır.
◆ Deneyim Gerekmez. Photoshop’un aksine, Figma’yı öğrenmek için önceden bir bilgiye gerek yoktur. Herkes hemen kullanmaya başlayabilir ve çalışmaya koyulabilir.
◆ Figma, Photoshop’un yerini almak için tasarlanmadığından tasarımcılar için mükemmeldir. Web sitesi tasarımcılarının çalışmalarını geliştirmelerine yardımcı olan bir eşlik uygulamasıdır.
Figma, makul fiyatlı aylık ve yıllık aboneliklere sahip ücretsiz bir araçtır. Ücretsiz bir arayüz tasarım programı olan Figma'nın premium aylık ve yıllık üyelikleri ileri düzey kullanıcılar içindir. Elbette, ücretsiz sürümün kısıtlamaları vardır. Kullanıcılar üç FigJam dosyası ve üç Figma dosyası oluşturabilir. Sıradan tüketiciler, nispeten küçük ekipler ve bağımsız tasarımcılar için bu fena değil.
Ödeme yapan kullanıcılar için iki yükseltme mevcuttur. Professional'daki ekip kitaplıkları, sesli konuşmalar ve dosya eklemeleri sınırsızdır. Markanızı tutarlı tutmanız gerekiyorsa kullanışlıdır. Aylık ücret editör başına $15, £14 veya 24 AUD'dir. Editörler için aylık ücretler $12, £11 veya yıllık abonelikler için 19 AUD'dir.
Kuruluş, yıllık abonelikle editör başına aylık $45 / 41 £ / 71 AUD'ye mal olur ve Professional'ın yaptığı her şeyin yanı sıra kuruluş çapında kitaplıklar, analizler ve merkezi dosya yönetimi içerir.
Figma serisindeki yüksek eklemli ama bir o kadar da çekici PVC aksiyon figürleri sayesinde en sevdiğiniz karakterleri sevdiğiniz pozlarda sergileyebilirsiniz. Ayrıca ABS ve PVC'den üretilen Figma serisindeki Figürler mafsallıdır. Her figür esnek bir standla birlikte gelir. Figürlerin boyları karakterin boyuna göre 13 ile 16 cm arasında değişiyor.
Bir fikri hayata geçirmenize veya onu yeni bir şeye dönüştürmenize yardımcı olmak için personelimiz tarafından oluşturulmuş 300'den fazla şablonu bulun. Lütfen yukarıdaki navigasyonla başlayın veya fikirler için favori kategorilerimizden bazılarına göz atmak için aşağı kaydırın. Kullanıcılar tarafından en çok sevilen Figma şablonlarından bazıları şunlardır:
◆ Wireframe Kitleri. Bileşen tabanlı wireframe kitimiz, fikirlerinizi hızlıca doğrulamanıza ve web sitesi tasarım sürecini hızlandırmanıza olanak tanır.
◆ Yaklaşan sürümünüzü planlamak için ürün geliştirme şablonlarımızı kullanın. FigJam şablonları, ürün yolculuğunuzun başlangıcından nihai ürüne kadar güvenilir bir yol haritası sunarak direksiyonu güvenle ele almanızı sağlar.
◆ FigJam ürün planlamasına canlılık katabilir. Kaostan çok uzlaşmayla sonuçlanan bir planlama süreci, olağanüstü ürünler yaratmanın ilk adımıdır. Çevrim içi ekip beyaz tahtası FigJam’in planlamayı nasıl daha kapsayıcı, etkili ve keyifli hâle getirdiğini keşfedin.
Figma eklentisi şunları yapmanızı sağlar: Simgeleri getirin. Ek olarak, eklenti simge dosyalarını Figma'ya sürükleyip bırakabilirsiniz. Seçilen simgeyi hızla değiştirin. Geliştiriciler için, içe aktarılan simgelerin kodunu görüntüleyin. Benzersiz SVG'yi içe aktarmak için kod girin. Verilerin kodunu çözer: URI da. şarjsız! Iconify, daha fazla simge veren ancak SVG kullanmak için para talep eden diğer eklentilerin aksine, simgeleri her zaman SVG olarak içe aktarır. Açık kaynaklı Iconify projesi, özel olarak açık kaynaklı simge setleri sağlar.
Ayrıca Plugin, ziyaret ettiğiniz son sayfayı takip ederek sembollere göz atmayı veya aramayı kolaylaştırır. Seçenekler sayfasından eklentiyi her zaman sıfırlayabilirsiniz. Kompakt mod, küçük monitörleri olan kullanıcılar için eklentide de mevcuttur. Menü (3 satır) bağlantısına tıklayarak küçük genişlik seçeneğini etkinleştirin.
Figma'nın en önemli özelliklerinden biri, diğer tasarım programlarındaki benzer işlevlerden uyarlanabilirliği sayesinde öne çıkan Auto Layout'tur. Temelde, otomatik olarak genişleyebilmeleri için çerçeveler ve bileşenler oluşturmanıza olanak tanır, bu da kabın içeriğinin boyutuna göre ayarlanmasına veya tam tersine neden olur.
Bir Figma hesabı oluşturun
www.figma.com adresini ziyaret edin, Kaydol'a tıklayın ve Figma ile başlamak için formu doldurun. Bunu tamamladığınızda, Figma buna benzer bir başlangıç ekranı ile başlayacak. Başlamak için 'Yeni Dosya'yı seçin ve sonra başlayalım!
Figma'nın Arayüzünü Keşfedin
Figma arayüzü çok basit bir görünüme sahiptir ve hissedilir ancak birkaç güçlü yeteneği gizler.
◆ Araç. Muhtemelen en çok kullanacağınız araçlara — çerçeveler, şekiller, metin vb. — buradan kolayca erişebilirsiniz. (Bu araçları önümüzdeki birkaç gün içinde ele alacağız.)
◆ Seçenekler. Seçtiğiniz araçla ilgili ek seçenekler bu bölümde görüntülenir. Herhangi bir öğe seçilmediğinde, Figma bu alanda dosya adını gösterir (yukarıdaki örnekte olduğu gibi). Bir nesne seçildiğinde bağlamsal seçenekler burada görünür.
◆ Katmanlar. Her dosyanın bileşenleri listelenir ve Frames (Çerçeveler) ve Groups (Gruplar) olarak kategorize edilir.
◆ Tuval. Tüm çalışmalarınızı burada tamamlarsınız ve değerlendirirsiniz.
◆ Denetçi. Seçili herhangi bir nesne için Denetçi, bağlamsal bilgi ve ayarları gösterir. Yukarıdaki görselde tuvalin kendisi için seçenekleri görebiliyoruz. Bunları haftanın ilerleyen günlerinde ele alacağız. Lütfen Figma’nın Denetçi içinde farklı sekmeler sunduğunu unutmayın (Design, Prototype ve Code).
Çerçeve Oluşturma
Frame Aracını seçmek için F tuşuna basın. Frame Aracı simgesi, pencerenin üst kısmındaki Seçenekler sekmesinin altında bulunur; alternatif olarak buradan da seçebilirsiniz. Ayrıca Sketch kullanmaya alışkınsanız, Artboard için A tuşuna basabilirsiniz.
Bir Metin katmanı oluşturun
Şimdi biraz içerik yazalım. Text aracını T tuşuna basarak seçtikten sonra iPhone çerçevenizde herhangi bir yere tıklayarak bir Text katmanı ekleyin. Buton tasarımının bir parçası olacağı için Sign In yazalım. Metin aracından çıkmak için Escape tuşuna basın.
Katmanlar Dikdörtgen Şekilde Düzenlenmelidir
Dikdörtgen aracını seçmek için R tuşuna basın. Yeni oluşturduğunuz metnin etrafına, bir düğme biçiminde bir dikdörtgen çizin.
Metni ve Dikdörtgeni Hizalama
Escape veya V tuşuna basarak Taşıma aracının seçili olduğundan emin olun ve ardından metin ve dikdörtgenin etrafına bir seçim çerçevesi (marquee) sürükleyin.
Yazı Tipini Değiştir
Yazı tipini ve boyutunu, ağırlığını ve rengini değiştirmek için metin katmanı seçilirken Müfettişin ayarlarını ziyaret edebilirsiniz. Roboto hala kullanılmaktadır, ancak yazı artık kalın ve büyük harfle yazılmıştır. Seçimlerinize bakmayı deneyin!
Dosyayı Kaydetme ve Adlandırma
Bugün için son görevimiz dosyamıza bir ad vermek; bunu yapmak için tüm nesneleri seçin, bunun için Escape işe yarar, ardından pencerenin üst kısmında Untitled yazan yere tıklayın. Sonra ismi girin ve bitirmek için Save tuşuna basın.
| Planlar ve Fiyat | Arayüz ve Deneyim | Tasarım | Çevrimiçi İşbirliği |
| 4.0 | 4.5 | 4.5 | 4.0 |
| 4.0 | 4.0 | 4.5 | 4.0 |
| 4.0 | 4.0 | 4.0 | 4.0 |
| 4.5 | 4.0 | 4.0 | 4.0 |
| 4.0 | 4.5 | 4.5 | 4.5 |
| 4.0 | 4.0 | 4.0 | 4.0 |
| 4.0 | 4.0 | 4.0 | 4.0 |
Figma çöktü mü?
Figma dosyanız birkaç nedenden dolayı çöküyor olabilir. Bilgisayarınızı yeniden başlatmak en yaygın çözümdür. Dosyayı yeniden yüklemeyi veya işe yaramazsa farklı bir tarayıcıda açmayı deneyin.
Figma’da bir şekil nasıl kırpılır?
Ekranın sol üst köşesindeki Doldurma modu açılır menüsünden Kırp'ı seçtiğinizde, Figma görüntünün kenarlarına sekiz mavi tutamaç ekleyecektir. Ardından, mavi tutamaçlara tıklayıp herhangi bir yönde sürükleyerek görüntünün ne kadarının gösterileceğine karar verebilirsiniz.
Figma’yı öğrenmek basit mi?
Figma, yeni Web tasarımcılarının öğrenmesi nispeten kolay bir programdır. Bunun nedeni, Figma'nın kullanıcılara yerleşik bir zaman sınırı olmaksızın yazılımın sınırlı bir ücretsiz sürümünü sağlaması ve araçların kullanımının basit olmasıdır.
Çözüm
Bu gönderiden FIGMA'yı, temel yararları ve sakıncaları ile birlikte iyi anlayacaksınız. Web uygulamaları oluşturmak için açık kaynaklı, ekip tabanlı bir yazılım geliştirme platformu FIGMA'dır. Bir kod düzenleyicisine, bir test aracına ve zengin bir metin düzenleyicisine sahiptir. Model-View-Controller (MVC), FIGMA'nın temelidir. Bazı dezavantajları olsa da yukarıda saydığımız birkaç basit adımı takip ederek Figma'yı faydaları sayesinde kolayca öğrenebilirsiniz. Umarız bu yazı size her ayrıntıyı verir.
Bunu faydalı buldunuz mu?
329 Oy
EVETBize bildirdiğiniz için teşekkür ederiz!
NumaraBize bildirdiğiniz için teşekkür ederiz! 
Pixlr Editör İncelemesi: İleri Düzey Kullanıcılar ve Düşük Maliyet İçin
Fotoğraf Editörü
FastStone İncelemesi: Fotoğrafları Kolay Şekilde Düzenleyin ve Dönüştürün
Fotoğraf Dönüştürücü
VSCO Uygulama İncelemesi: Görüntüler Oluşturun, Yapın, Düzenleyin ve Yayınlayın
Fotoğraf Editörü
Snapseed İncelemesi ve Profesyonel Editör Alternatifleri
Fotoğraf EditörüAI ile yükseltilmiş hepsi bir arada video dönüştürücü, düzenleyici, geliştirici.
