Figma güçlü bir tasarım aracıdır ve çoğu UX/UI tasarımcısının bir tasarım programı olarak ilk tercihidir. Figma'da çok şey yaratabilirsiniz ve öğrenmesi kolay bir programdır.
Tasarımcılar olarak genellikle zamandan tasarruf etmeye çalışırız, bu nedenle değerli saatlerimizi menüler arasında gezinmek yerine iyi işler yaratmak için harcarız. İş akışınızı kolaylaştıracak faydalı Figma kısayollarının bir listesini derledik.
Bu basit tek tuşlu kısayol, öğelerinizi ölçeklendirmenin hızlı bir yoludur. I vur K tuşuna basın, ardından yeniden boyutlandırmanız gereken nesneyi seçin. Yapmanız gereken tek şey, bir bağlantı noktasını tıklayıp sürüklemektir ve nesneniz, ihtiyacınız olan şekilde yeniden boyutlandırılırken ölçekte kalır.
Çerçeve aracı, Figma'da prototip tasarımlar için çoklu çerçeve panoları oluştururken çok kullanılan bir araçtır. İsabet
F klavyenizdeki aracı tek dokunuşla açarak çerçevenizi hızlı bir şekilde çizmenize veya boyutlandırmanıza olanak tanır.İmlecinizi tıklayıp sürükleyerek doğrudan çerçeve çizebilir veya Çerçeve aracını seçtikten sonra sağdaki çerçeve menüsündeki boyut kutularına istediğiniz ölçüleri yazabilirsiniz.
3. Tasarım ve Prototip Modları Arasında Geçiş Yapın
bu Vardiya + e kısayol, Tasarım modu ile Prototip modu arasında geçiş yapmanızı sağlar. Aynı kısayol, hangi moddan başlayıp geçiş yaptığınızdan bağımsız olarak çalışır. bizim görmek Figma'ya yeni başlayanlar için rehber Bu modlar arasındaki farkları öğrenmek için.
Alternatif olarak, bu amaç için daha özel kısayollar vardır. Alternatif (Pencereler) / Seçenek (Mac) + 8 Prototip modundan Tasarım moduna geçmek için kullanılabilirken, Alternatif (Pencereler) / Seçenek (Mac) + 9 Tasarım modundan Prototip moduna geri döner. Açıkça, Vardiya + e daha kolaydır, ancak seçeneklere sahip olmak güzeldir.
4. Tek Tıklamayla En İçteki Öğeyi Seçin (Derin Seçim)
Birden çok katmanda veya gömülü görüntülerle tasarım yaparken, bir öğeyi hızlı bir şekilde seçmek zor olabilir. En alttaki katmanı seçmek için onlarca kez tıklamak zaman kazanmak için bunun yerine bu kısayolu kullanın.
Mac'te basılı tutun Komut + Tıklamak öğe ve Windows'ta, Ctrl + Tıklamak. Basit bir tuş, alt katmandaki bir öğeyi seçmek için dakikalarca akılsızca tıklamaktan tasarruf sağlar.
5. En İçteki Elemanı Seçtikten Sonra Bir Düzeyi Çıkarın
Tasarımınızın en içteki öğesini seçmeyi başardıktan sonra, bir düzey daha yakın bir öğeyi seçmek istediğinizi fark edebilirsiniz - kolay. En içteki öğeyi bulduğunuzda, Vardiya + Girmek bir seviye geri gitmek için. Bunu her seviye için yapabilirsiniz.
6. Tüm Katmanları Daralt
Figma'da tasarım yaparken, katman paneliniz genişlemeye başlayacak ve potansiyel olarak biraz dağınık görünecektir, özellikle de HTML'yi bir Figma tasarımına dönüştürün. Katmanlarınızı daraltmak için, sadece Alternatif + L (Windows) veya Seçenek + L (Mac).
Bu kısayolu kullanırken seçili bir öğeniz varsa, o öğenin bulunduğu katman açık kalacaktır. Tüm öğelerin seçimini kaldırmak için çalışma yüzeyi dışında herhangi bir yeri seçin ve tüm katmanları daraltmak için kısayolu kullanın.
7. Düzen Izgaralarını Göster veya Gizle
Düzen ızgaralarını kullanmak, tasarımınızın belirli oranlara ulaşmasını ve çeşitli cihazlar için doğru şekilde ölçeklenebilmesini sağlamanın en iyi yoludur. Yararlı olsalar da, her zaman ızgaraların gösterilmesini istemezsiniz.
Düzen ızgaralarını açıp kapatmak, Mac'te Windows'tan farklıdır. Mac'te, Ctrl + G açmak veya kapatmak için Windows kullanıyorsanız, bu üç tuşlu bir kısayoldur; Ctrl + Vardiya + 4. Farklılar ama aynı şeyi yapıyorlar.
8. Aynı Anda Birden Fazla Fotoğraf Yerleştirin
Resimleriniz için hazır yer tutucu şekiller içeren bir düzen tasarladıysanız, resimleri birer birer eklemek can sıkıcı olabilir. Bu kısayol, birden çok fotoğraf yerleştirmenize ve her bir fotoğrafı tek tek yerleştirmek için yer tutucuyu (veya çalışma yüzeyinizde herhangi bir yeri) seçmenize olanak tanır.
Mac kullanıcıları için, Komut + Vardiya + K resimlerinizi bulmak için iletişim penceresini yukarı çekin. Windows'ta, Ctrl + Vardiya + K Figma tasarımınıza birden fazla fotoğraf bulup yerleştirmeniz için. Eğer sen Figma'da bir ana şablon oluşturun, bu kullanmak için harika bir kısayol.
9. Herhangi Bir Görüntüyü PNG Olarak Kopyalayın
Figma tasarımınızda görüntüleri kullanırken, çeşitli dosya formatlarınız olabilir, ancak müşteriniz PNG'ler gerektiriyor olabilir. Kaynak biçiminden bağımsız olarak herhangi bir görüntüyü PNG olarak kopyalayabilirsiniz.
Seçtiğiniz resmi seçin ve tıklayın Komut + Vardiya + C Mac'te ve Ctrl + Vardiya + C PNG olarak kopyalamak için Windows'ta. Yüksek standartta bir görüntü formatı sağlamak için bu kısayolu kolayca kullanabilirsiniz, özellikle de Figma ile sunum oluşturma.
10. Her Yerden Göze Renk Damlası
Bir rengi damlatmak, tasarımınızın bir bölümünden diğerine renk alırken kullanışlı bir özelliktir. Bu hızlı klavye kısayolu, damlalığı bir saniyede yukarı çekmenize ve çalışma yüzeyinizin herhangi bir yerinden bir renk örneği almanıza olanak tanır.
Mac'te, Ctrl + C, ve Windows'ta bu harf tuşudur BEN. Klavye kısayollarına bastıktan sonra, damlalık hedefini kullanmak istediğiniz rengin üzerine getirin ve rengin renk örneğini almak için bir kez tıklayın.
11. Kaynaklar Sekmesini Açın
Kaynaklar sekmesi, Bileşenler, Eklentiler ve Widget'lar menülerine ev sahipliği yapar. Bu menüleri ayrı ayrı açmak için kısayollar olmasa da, Kaynaklar kısayolu yine de biraz zaman kazandırır: Vardiya + BEN. Yapabilirsiniz Figma tasarımlarınıza örnekler oluşturmak ve eklemek için eklentileri kullanın.
Figma Kısayolları ile Zaman Kazanın
Tasarımcılar genellikle zamandan ve enerjiden tasarruf etmek için işlerinde kısayollar kullanırlar ve Figma'da çalışmak da farklı değildir. Bu Figma kısayolları, programda kullanabileceğiniz kısayolların sadece yüzeyini çiziyor.
Bu kısayollar bariz değildir veya kolayca bulunamaz, bu nedenle yeni öğrendiklerinizi Figma'ya götürün ve birçok tasarımcının çözmesi aylar veya yıllar alan bilgilerden keyif alın.
