Figmada Otomatik Düzen Nasıl Kullanılır

Otomatik Düzen her tasarımcı ve Figma kullanıcısı için önemli bir araçtır. Bu özellik, çerçeveleri ve nesneleri yeniden boyutlandırma veya yeniden konumlandırma gibi değişiklikler yapmanıza olanak tanır. Otomatik Düzen, örneğin otomatik bir ayarla bir öğenin yüksekliğini ve ağırlığını ayarlamanıza olanak tanıyarak işinizi yarıya indirir.

Ekran boyutu, kullanıcının web sitesine erişmek için kullanacağı cihaza veya tarayıcıya göre değiştiğinden, Otomatik Düzen, çerçevelerin içindeki öğelerin bu değişikliklere göre ayarlanmasını sağlar. Bu, düzenin ve yapının daha hassas ve sinerji içinde görünmesini sağlar. Figma'da Otomatik Düzen'in nasıl kullanılacağını ve özelliklerini öğrenmek için okumaya devam edin.

Otomatik Düzeni Kullanma

Otomatik Mizanpajı ve tüm özelliklerini kullanmak için, önce onu üzerinde çalıştığınız bir çerçeveye eklemelisiniz; bu, yeni bir çerçeve veya içerik, nesne ve bileşenler içeren bir çerçeve olabilir. Çerçeveyi veya nesneleri seçtikten sonra, buna Otomatik Mizanpajı şu şekilde ekleyebilirsiniz:

• Klavyenizde “Alt + A” tuşlarına basın (Mac ve Windows'ta çalışır).
• Nesnelere veya bileşenlere sağ tıklayın ve Otomatik Düzen seçeneğine tıklayın (Toplu olarak imkansız olduğundan bu özelliği her bileşene eklemelisiniz).
• Figma'daki menüde “Otomatik Düzen” seçeneğinin yanındaki artı simgesine dokunun.

Çerçevenize Otomatik Düzen eklemenin yanı sıra, çerçeveleri istiflemekten nesneleri çoğaltmaya, düzenlemeye ve kaldırmaya kadar çeşitli şeyler yapabilirsiniz.

Nesne Ekleme ve Kaldırma

Çerçevenize nesne eklemek oldukça basittir. Eklemek istediğiniz nesneyi yakalayıp göstergeyi takip etmeniz yeterli. Ve eğer birini kaldıracaksanız, onu tekrar dışarı sürükleyin ve sil tuşuna basın. Ana çerçeveden daha büyük bir nesne eklemeyi seçerseniz, bunu yapabilmek için Figma'nın varsayılan ayarlarından kaçınmanız gerekecektir. Bunu Windows için “Ctrl”, Mac için “Command” tuşunu basılı tutarak yapabilirsiniz.

Nesneleri Çoğaltmak

Çerçeveye iki veya daha fazla özdeş nesne eklemek istiyorsanız bunları çoğaltabilirsiniz; bu kullanışlı bir Otomatik Katman özelliğidir. Bunu şu şekilde yapabilirsiniz:

1. Çoğaltmak istediğiniz nesneye dokunun.
   
2. Windows kullanıyorsanız “Ctrl” ve “D” tuşlarını aynı anda basılı tutun.
   
3. Mac için “Komut” ve “D” düğmelerini basılı tutarak kopyalayın.
   

Nesneleri Düzenleme

Çerçevenizin görünümünü ve içindeki nesnelerin ve bileşenlerin düzenini beğenmiyorsanız bunları yeniden düzenleyebilirsiniz. İki katmanı birleştirdiyseniz, derin seçim seçeneğine erişmek ve bileşeni ilk katmandan taşımak için Windows için "Ctrl" ve Mac için "Command" tuşlarına basarak Figma varsayılan ayarlarını atlamanız gerekir. Ancak, eğer tek bir kare ise, bir nesneyi seçip, nesne eklemeye benzer şekilde onu başka bir yere taşıyabilir veya ok tuşunu kullanabilirsiniz.

Otomatik Düzen Düzeyleri

Otomatik Düzen'in bir başka özelliği de, düğme ve düğme satırları, gönderi ve zaman çizelgesi gibi farklı Otomatik Düzen düzeylerini üst üste yerleştirebileceğiniz daha karmaşık bir arayüz oluşturmak için daha fazla kareyi tek karede birleştirmektir. Her seviye, çerçevenize başka bir nesne eklemenizi sağlar. Düğme ve düğme satırı düzeyleri yataydır; gönderi ise açıklamaları, görüntüleri vb. girebileceğiniz dikey bir katmandır.

İki kareyi bir araya getirdiğinizde birleşirler ve bir ana karenin özelliklerini kazanırlar. Bu, kullanıcının ayarlanabilir nesneleri uygulamasına olanak tanır. İki kareyi birleştirmek için birini alıp diğerine koyabilirsiniz. Bunu yapmak için yapmanız gerekenler:

1. Bir çerçeveyi ve ona eklemek istediğiniz her şeyi seçin.
   
2. Otomatik Düzen çerçevesi eklemek için “Shift + A” tuşlarına basın.
   

Otomatik Düzen İşlevleri

Figma'daki Otomatik Düzen seçeneğinin yön ve yığınlama düzeninden aralık, yeniden boyutlandırma ve hizalamaya kadar birçok değerli özelliği veya işlevi vardır. Bu bölümde bu işlevlerin her biri hakkında daha ayrıntılı olarak konuşacağız.

Yön

Adından da anlaşılacağı gibi yön, çerçevedeki nesnelerin sırasını ifade eder. Otomatik Düzen kullanılırken nesneler yerleştirilebilir:

• Dikey olarak – Nesneler y eksenine yerleştirilir. Bu seçenek listeler, menüler, haber akışları vb. için uygundur.
• Yatay olarak – X eksenindeki nesneler ve bileşenler (düğmeler, simgeler vb.).
• Sarma konumu – Nesneler birden çok sütun ve satırda ayarlanır.

İstifleme Sırası

Hangi istifleme sırasının çerçevenize en uygun olduğunu seçebilirsiniz. Bu, yalnızca istifleme sırası aynı kaldığı için görsel bir değişikliktir (1,2,3 ise 1,2,3 olarak kalır ancak görsel ayarlamalarla). Nesneler üst üste istiflendiğinde hangisinin üstte olacağını seçebilirsiniz. Yani örneğin 1, 2 ve 3 olarak işaretlenmiş üç şeyiniz varsa ya 1 ya da 3'ü yapabilirsiniz. Bunu şu şekilde yapabilirsiniz:

1. Otomatik Düzen çerçevesini seçin.
   
2. Ekranınızın sağındaki Otomatik Düzen seçeneğine gidin.
   
3. Gelişmiş seçenekleri açmak için üç yatay noktaya dokunun.
   
4. “Tuval Yığınlama” seçeneğini bulun.
   
5. "İlk sırada" veya "Son sırada" seçeneğini seçin.
   

Mutlak Konum

Bir diğer “Katman Akışı” özelliği ise istifleme sırası ve yönünden ayrı olarak mutlak konumdur. Bu özellik, çerçeve sınırlarını göz ardı ederek bir nesneyi istediğiniz yere yerleştirmenize olanak tanır. Bunu şu şekilde etkinleştirebilirsiniz:

1. Bir nesne alın ve onu çerçevenin içine yerleştirin.
   
2. Sağdaki menüde, "X" ve "Y" değerlerinin yanında, içinde artı bulunan, kenarları olmayan kareye benzeyen simgeye dokunun.
   
3. Nesneyi çerçevenin çizgileri boyunca hareket ettirin.
   

Boşluk Ayarı

Boşluk gibi boşluk söz konusu olduğunda ayarlayabileceğiniz birkaç özellik vardır. Boşluğu değiştirmenin iki yolu vardır: otomatik ve belirli bir boşluğa yazmak. Aralığınızın mümkün olduğu kadar büyük olmasını istiyorsanız Otomatik Düzen menüsünden otomatik ayarını seçmeniz gerekir. Ancak değerlerinizi girecekseniz, atanan kutuların içine yazın.

Ayrıca boşluk ayarı tüm yönler için yapılabilir. Simgeleriniz yalnızca yatay ve dikey ise aralarında yatay bir boşluk seçebilirsiniz. Ancak sarma konumunda ise dikey ve yatay boşluk ayarlarını yapabilirsiniz.

Hizalama Ayarı

Yön, dolgu ve boşluk özelliklerini ayarladıktan sonra, bu özellik aralık ayarlarına bağlı olduğundan çerçevenizdeki alt nesnenin hizalamasını ayarlayabilirsiniz. Her nesnenin hizalamasını değiştiremezsiniz ancak Otomatik Düzen menüsünde sunulan bir desen seçebilirsiniz. Menüdeki 3×3 ızgaraya tıklayıp istediğiniz hizalamayı seçebilirsiniz. Bu, klavyenizdeki ok tuşları veya WSAD düğmeleriyle yapılabilir.

Ayrıca yatay ve dikey hizalamaları sıra halinde değiştirmek için buradaki otomatik ayarı seçebilirsiniz. Belirli değerlerle dokuz seçeneğin tümüne sahip olabilirsiniz (sol üst, sol alt, sol, sağ sol, sağ alt vb.).

Menüden bu seçeneği etkinleştirip “B” tuşunu basılı tutarak da metin hizalamasını ayarlayabilirsiniz.

Yeniden boyutlandırma

Otomatik Düzen'in yeniden boyutlandırma seçenekleri, içeriği kucaklama, kabı doldurma seçeneği, genişlik ve yüksekliği ayarlama, boyutlar vb. gibi birçok ek özelliğe sahiptir. Değerlerinizin sabitlenmesini istiyorsanız otomatik seçeneğini belirleyebilirsiniz ancak bu, olasılıkları sınırlar. Yeniden boyutlandırmak için değerlerinizi ayarlamanız önerilir.

Sabit bir değer seçebilir veya bunu genişlik ve yükseklik için mümkün olan maksimum veya minimum boyutlara ayarlayabilirsiniz. Sarılma içeriği, alt nesneye göre çerçevenin boyutunu ayarlamanıza olanak tanırken, doldurma kabı seçeneği bir nesneyi ana çerçeveye göre yeniden boyutlandırır.

Otomatik Düzen ile Benzersiz Çerçeveler Oluşturma

Figma'nın temel özelliklerinden biri olan Otomatik Düzen, çerçevenizi ve içindeki nesne ve bölmeleri tercihinize göre ayarlayabilir. Özellikleri ve özellikleri çoktur ve düzgün ve düzgün bir ürün oluşturmanıza olanak tanır. Otomatik Düzen, Figma'da çalışmaya başlamadan önce ustalaşmanız gereken temel bir araçtır.

En çok hangi Otomatik Düzen işlevini kullanıyorsunuz? Aşağıdaki yorumlar bölümünde bize bildirin.