Eklentileri Kullanarak Figma Tasarımlarınıza Maketler Nasıl Oluşturulur ve Eklenir

Tasarımlarınızı maketler kullanarak sergilemeyi seven bir tasarımcıysanız, bunları Figma'da oluşturmak kolay olabilir.

Figma tasarımlarınızı kaydedip maket oluşturmak için başka bir programa geçmek yerine, maket eklentilerini Figma'da kolayca indirebilirsiniz. Çeşitli stillerde birçok eklenti seçeneği vardır, ancak bunların kullanımı ve daha büyük tasarımlara entegre edilmesi kolaydır.

Figma Eklentileri Nasıl Bulunur ve İndirilir

Uygulamayı veya tarayıcı sürümünü kullanıyor olsanız da, Figma'da bir eklenti indirmek ve kurmak aynıdır. İtibaren Figma'nın tarayıcı ana sayfası, Tıklayın Topluluk > Eklentiler ve Widget'lartıklayın ve listede arama yapın veya arama çubuğunu kullanın.

İtibaren Figma'nın uygulaması, ana sayfa, topluluk sayfasına ulaşmak için tarayıcı ile aynı seçeneği sunacaktır. Ancak bir tasarım sayfasındaysanız, Figma logosuna tıklayabilir, ardından Eklentiler. Zaten kurulu eklentileriniz varsa, bunların burada listelendiğini göreceksiniz.

Daha fazlasını bulmak için seçin Topluluktaki Eklentilere Gözatın.

Bu sizi, uygulama içindeki diğer eklentileri arayabileceğiniz topluluk sayfasına götürecektir.

Topluluk sayfasında, her eklenti için küçük bir tanıtım yazısı, son güncellemenin tarihi ve her bir eklentinin ne sıklıkta indirildiğini bulacaksınız. Kullanıcıların yorumları ve kullanım kılavuzları gibi her bir eklenti hakkında daha fazla bilgi için adını tıklamak sizi o eklentinin bilgi sayfasına götürecektir.

İndirmek istediğiniz bir eklenti bulduğunuzda mavi Düzenlemek buton.

Ne arayacağınızdan emin değilseniz, işte en sevdiğimiz beş maket eklentimiz. Daha çok var ama bir yerden başlamakta fayda var.

• Kil Modelleri 3D
• Açı Modelleri
• MockRocket - 3D Modeller
• Model
• Vecter 3B Öğeler

Figma'da Mockup Eklentileri Nasıl Kullanılır

Eklenti yükleme işlemi, kullandığınız eklentinin türünden bağımsız olarak aynıdır, ancak kullanım şekillerinde bazı farklılıklar olabilir. Bu nedenle, ekstra ayrıntılar için bireysel eklentinin topluluk sayfasını okumak her zaman en iyisidir.

Figma'da, iPhone 13 veya büyük veya küçük bir Android gibi belirli ekranlar için hazır çerçeve boyutları seçebilirsiniz. Tasarımları yeniden boyutlandırmaya çalışmak yerine tasarımınızı istediğiniz cihaz boyutuna göre oluşturmalısınız. daha sonra maketinize sığdırmak için, ancak bazı maketler biraz farklı boyutlara izin verecek çarpıtma.

Aynı cihazın bir maketi için mükemmel boyutta olacak bir ekran görüntüsü bile kullanabilirsiniz.

Maketler genellikle statik ekran tasarımları içindir, ancak Photoshop'ta bir video maketi yapın. Elde taşınır cihazlar için Figma maketlerine odaklanacağız, ancak Photoshop'ta sıfırdan bir maket oluşturun diğer cihazlar için. Ekran tasarımınız tamamlandıktan sonra ürün maketini oluşturmaya geçebilirsiniz.

Size önerilen eklentilerimizden üçünün nasıl kullanılacağını göstereceğiz: Clay Mockups 3D, Angle Mockups ve Vectory 3D Elements. Hemen atlayalım.

Kil Modelleri 3D

Tasarımınız açıkken çerçeveyi seçin ve ardından Eklentiler ve Seç Kil Modelleri 3D. Bu, maket için cihazı seçebileceğiniz bir pencere açar. Tasarımınız bu penceredeki mockup ekranında görünmelidir.

Modelin açısını ve rengini bu pencereden değiştirebilirsiniz. Görünüşünden memnun kaldığınızda, Resim olarak kaydet.

Tıklayarak istediğiniz zaman geri gidebilir ve rengi veya diğer özellikleri değiştirebilirsiniz. Modeli Düzenle altında Eklenti sağdaki menüde. Artık eklentinizi sunumlar veya portföyünüz gibi daha büyük tasarımlara ekleyebilirsiniz.

Açı Modelleri

Angle Mockup'larını kullanmak için, Mockup kitaplığını web sitelerinden indirmek için bir Angle hesabı oluşturmanız gerekir. Açık Angle'ın web sitesi, Tıklayın Kayıt olmak, tıklayabileceğiniz bir açılır pencere açılacaktır Üye olmak ve ücretsiz bir hesap oluşturmak için bilgilerinizi ekleyin.

Giriş yaptıktan sonra maketleri indirmek için tıklayın Maketler > Örneği İndir. Daha kapsamlı bir maket seti için premium erişim için ödeme yapabilirsiniz, ancak ücretsiz hesapla sunulan örnek yeterince iyi.

İndirdikten sonra dosyayı açın. Bu, Figma, Sketch ve Adobe XD'de kullanabileceğiniz örneklerin yanı sıra bazı ücretsiz duvar kağıtlarını içerir. Açık AçıFigma. Modelleri kullanmaya yardımcı olacak iki videonun yanı sıra çeşitli örnekler içeren dört set Figma dosyası bulacaksınız.

Dosyaları Figma hesabınıza aktarmak için Figma tarayıcısına gidin ve profilinize tıklayın. Buna giderek uygulamadan erişebilirsiniz. Dosya > Dosya Tarayıcısını Aç. Her Açı dosyasını Figma'ya sürükleyip bırakın. Ardından Figma tarayıcı sayfasından Angle dosyasını çift tıklayarak açın.

Maketiniz için kullanmak istediğiniz cihaz açısını bulun ve kopyalayın (Cmd + C Mac için veya Ctr + C pencereler için). Yapıştır (Cmd + V Mac için veya Ctr + V Windows için) ana tasarımınızla aynı çalışma yüzeyine yerleştirin.

Katman paletinde, başlıklı bir resim simgesi olan katmanı görene kadar maket ekranının katmanlarını genişletin. Çalışma Yüzeyini Buraya Yerleştirin. O katmanı seçin. Sonra şuraya git Eklentiler > Açı Modelleri ve açılır pencerede orijinal tasarımınızı seçin.

Bu, önizleme penceresinde modelinizin açısında görünmelidir, ancak modelin cihazını göstermeyecektir. Tıklamak Uygulamak ve ekranınız artık cihaz maketi üzerinde doğru açıda olmalıdır.

Vecter 3B Öğeler

Vectary 3D, Clay Mockups 3D'ye benzer şekilde çalışır, ancak çeşitli 3D varlıklar da sunduğundan cihaz maketleri için daha az seçeneğe sahiptir. Tasarımınızı açın, çerçeveyi seçin ve Eklentiler > Vecter 3D Öğeler.

Açılır kitaplıkta kullanmak istediğiniz maketi bulun ve ardından Yük Çerçevesi. Tasarımınız cihazın ekranında göründükten sonra, Resmi Dışa Aktar.

Artık seçtiğiniz cihazda tasarımınızın 3 boyutlu bir maketi var. Başka bir tasarıma kolayca ekleyebilirsiniz.

Modeliniz tamamlandıktan sonra, başka bir tasarımda kolayca kullanmak için PNG dosyası olarak kaydedebilirsiniz. Tıklamak Dosya > Dışa Aktar. Dışa aktarmak için seçtiğiniz resmi seçin, ardından İhracat son PNG'niz için.

Figma Mockup'ları ile Tasarımlarınıza Gerçekçilik Katın

Tasarımlarınız için maketler oluşturmanın sayısız kullanım alanı vardır. Çeşitli Figma eklentileri ile sunumlarınıza, portföyünüze ekleyebileceğiniz veya tasarım çalışmalarınızı sergilemek için sadece eğlence için oluşturabileceğiniz çok çeşitli stiller bulabilirsiniz.

Uygulamadaki birkaç farklılıkla, Figma mockup eklentilerine erişim ve kullanım kolaydır, o halde neden denemiyorsunuz?

Figma'da Sunumlar için Ana Şablonlar Nasıl Oluşturulur

Sonrakini Oku