Figma Dersleri - Bölüm 7 - Prototype (Canlı Ön İzleme)

[@kemalpalaz3444]

Derslerinizi 2 gündür izliyorum. Uygulayarak tekrar tekrar da izleyeceğim. Sıkıcı olmayıp, hem farklı hem de soru bankası sayesinde eğlenceli bir hale gelmiş videolarınız(diğer bir çok videolarınızı da izledim). Başka bir arkadaşın da dediği gibi gördüğüm en iyi türkçe tasarım kanalı diyebilirim. Buralar ilerde değerlenir :)

[@endertopaloglu]

Merhaba, güzel yorumunuz için çok teşekkürler :) Bu motivasyonla daha iyi videolar çekip daha iyi paylaşımlar yaparız inşallah 🙏🏻

[@muratsen6456]

Gerçekten çok değerli ve emek verilmiş içerikler üretiyorsunuz, mesela bu videoda önceden bütün konu başlıklarına göre uygun tasarımları bulup ona göre örneklemeniz fazlaca vakit ve emek. Günlerdir her videonuzda bir günü bulan çalışmalar yapıyorum mantığını tam kavrayabilmek adına daha fazla kurcalamak gerekiyor tabi zamanla ve emekle olacağına inanıyorum, kendi adıma teşekkür ederim, takipteyiz :)

[@endertopaloglu]

Çok teşekkür ederim, umarım sizin için faydalı olur 😊

[@vugarmammadov6404]

7ci bölüme geldim vallahi olan üstü herşey :) Keyfle izliyorum. KZbinda çok figma dersleri izledim. Can sıkıcı oldular. Hocam, senin Figma derslerin çok güzel. Detaylı çok güzel anlatıyorsun. Çox Sağol :)

[@icelito9216]

sizde ui ux dizaynla maraqlanirsiz?

[@vugarmammadov6404]

@@icelito9216 Mən məşğulam bu dizayın ilə))

[@musahasanzade811]

@@vugarmammadov6404 instagram hesabinizi ala bilerem? Sualim olacaq idi

[@sevincaliyeva7781]

vuqar bey men bir wey soruwmaq isteyirem sizden. web dizayn eledikden sonra tek tek ıpad iphone ucun tezden dizayn etmek lazımdı? pramoy kecirde bilen bir program yoxdu?

[@leox1578]

videoyu izlerken aynı anda aynı prototipler üzerinden tekrar yapmak daha iyi oluyor benim açımdan. Fakat bu çalışmaları ben bulamadım. Birkaçını communityden buldum ama mesela 'on drag' prototipini bulamadım. Teşekkkürler.

[@enes7119]

Hocam emeklerinize sağlık. Bu derste siz özellikleri gösterdikçe ufkum açıldı gerçekten 😳

[@ferhadnag2364]

Ender bey, teekkürler. Güzel anlatıyorsunuz.

[@teknikalyfit]

Harika bir eğitim, tam ve gerekli miktarda anlatmışsınız. Bir not: 34:24'te kelime yanlış yazılmış, "Preserve Scroll Position" olmalı. Preverse olarak yazılmış.

[@aslhankaradag5897]

teşekkürü hakettiğiniz için yazmak istedim. sadece bu konu tam oturmadı bende biraz daha fazla örnek video istiyoruz, sizi seviyoruz.

[@volkan.karatepe]

Emeğinize sağlık Çok faydalı ve fazlasıyla detaylı bir anlatım olmuş.

[@endertopaloglu]

Yorum için teşekkürler Volkan :)

[@furkanyasarcam6903]

Emeğinize sağlık çok yardımcı oluyorsunuz figma' yı sizinle öğrendim ve sizin bilgilerinizle para kazanıyorum...

[@kursatvarl2877]

Emeğinize sağlık , o kadar güzel şeyleri öğrendim ki hatta kafamda olan ince ayrıntıları kendiniz bahsetmişsiniz onları da açıklığa kavuşturdu bu video.

[@yagmurdemirtas]

17:25 Alt ve f4 atamayı deneyebilirsin. ahahhahaha. Videoların çok güzel abim. Sağol.

[@seyma5729]

Çok değerli bir kaynak gerçekten teşekkürler

[@gunelmanafova8052]

derslerinizi her gun izliyorum,cok basarili olmus videolariniz :) en onemlisi de surukleyici olmus ,devami gelsin lutfen..basarilar dilerimmm.

[@endertopaloglu]

Teşekkürler 😊

[@firuzeibrahimova3887]

Çok teşekkür ederim hocamm harikasınız

[@a.1641]

çok faydalıydı, teşekkür ederim!

[@bilirsenmi]

elinize emeginize saglik

[@SchwarzerFalke]

24:17 Ahahahahah. Soru bankasi olmasa bir sure sonra skilma ihtimalimiz olabilirdi. Cubbeli ahmet hoca gibi cemaat tam uyuyor bir fikra herkes devam :D ahaha

[@ulviyusifli]

salam . hocam. 40:35 dediyiniz figmada protetivi yantarfa alalim tez baxmaq ucun qisa yolu ne short hangi tus klaviyede 😇

[@mehmetdurmazzz]

çok güzel çalışma

[@media7588]

Merhaba hocam. Burada 10:53 On overlay seçtiğim zaman butondaki ok kayboluyor. Yani direkt işlem iptal oluyor. Ne yapabilirim?

[@endertopaloglu]

İki componentte de ikon olması gerekiyor o halde

[@media7588]

@@endertopaloglu Teşekkürler hocam

[@erdemdagdeviren8788]

Endeer hocam 14:36 da yaptığınız animasyonda ok iconu sabit ona nasıl animasyon verebiliriz? aynı frameden 2 tane while hovering veremiyorum.

[@hasanhuseyindeniz837]

Hocam şu en baştaki örneği nasıl yapabiliriz portatip örneğini

[@enessusan5158]

hocam bu videodaki projeyi paylaşabilirmisiniz

[@serhatkocana5504]

bu card design kısmına sağda boşluk yaratması için çizgi koydunuz. onun yerine sağdan boşluk verseydin aynı işi görmez miydi?

[@fazehra9204]

on drag anımasyonunu neden yapamıyor olabilirim ? Dediginiz gibi sayfa isimleri aynı bende buttom dıye ısımlendırdım

[@adnan.arslantas]

Emeğinize sağlık. Örnek tasarımları paylaşsanız ve birlikte yapsak daha iyi olur.

[@endertopaloglu]

En iyi öğrenme yöntemi bakarak kendin yapmaya çalışmak. Evet daha zor ama böylece öğrendiğini kolayca unutmazsın 👍🏻

[@adnan.arslantas]

@@endertopaloglu aynen videoyu durdurup aynı temellerden tasarımlar yapıyorum. Videoyu durdurduğumda komik sahnelerlede karşilasiyorum :) Ama aynı temelleri uygulamak için communityde o temele uygun örnek tasarımlar bulmakta zorlandim.

[@fallegan1664]

16:15 deki while press sırasında üst menüde çıkan butonların üzerine gelip butonu tetikleme şansımız var mı? Uygulamamda çok ihtiyacım var ve yazılım bilgim yok.

[@endertopaloglu]

Merhaba, maalesef kod bilgim olmadığı için yardımcı olamayacağım :( Bir dahaki sorun figma ile alakalı olursa yardımcı olmaya çalışacağım :)

[@kadircanaktas1742]

Merhaba mesela uygulama yaptık bunu animasyon olarak cep telefonumuza alabiliyormuyuz göstermek amaçlı kişiye

[@edagul804]

Ben şunu sormak istiyorum. Videonun başında anlatım yaparken kullandığınız program nedir? Canva ile mi yaptınız? ya da başka bir uuygulama?

[@yusra5100]

Selam Eda, sanırım "Prototype Nedir?" kısmından bahsediyorsun, Ender hoca onu yine Figma ile yapmış. Tasarımlara gif eklenebiliyor, tasarımda ne kadar gif oynamasa da prototipte oynuyor.

[@developjr]

Prototype Ekranını Sağa Alamıyorum Ne Yapmalıyım :C

[@sarpaltunel6952]

Ender Hocam mükemmel içerikler çok faydalı 2 gündür izleyip uygulayıp bilgi tazeliyorum ve yeni şeyler öğreniyorum. Bir konuda çok sıkıntı yaşıyorum, component oluşturup prototip yaptığımda çoğunlukla interactionlar güzel bir şekilde ilerlemiyor. Videolarda aynı ismi vermek gerektiğini söylemiştiniz ama aynı ismi versem de bu problemi yaşıyorum, componentlar tuhaf bir biçimde geçiş yapıyor. Yardımcı olabilirseniz çok mutlu olurum.

[@gokayburakkuloglu669]

Çok güzel gidiyor faydalanıyorum. Emeğinize sağlık Ender hocam. Bir içerik var mı bu konuda bilmiyorum sıra ile gitmeye çalışıyorum ama aklıma takılan bir soru var. Tasarım tamamlandıktan sonra yazılımcıya devrediliyor peki yazılımcı bu tasarım ve çıktılarıyla nasıl bir çalışma içine giriyor? Bu konuda da bir içerik düşünüyor musunuz?

[@endertopaloglu]

Yazılımcıya sadece çalışma dosyasını paylaşıyoruz o da gördüğü alanları kodluyor :) tabi ona da öncesinde animasyonlu alanları prototipte gösteriyoruz. Yazılımcıların neler yaptığını anlatan bir video çekmem çünkü benim kitlemin çoğu tasarımcı, çok alakasız olur

[@tarellshine4477]

hocam güzel ve dolu dolu bir çalışma yapmışssınız size ve soru bankasına teşekkürler sizi yeni keşfettim figma yı yazılım geliştirme sürecinde ön hazırlık yapmak değişiklikleri yazılım ekibine ve müşteriye daha iyi ifade etme adına öğreniyorum. prototype çalışması yapmak için hazır design ları nereden indirebilirim?

[@endertopaloglu]

Merhaba, yorum için teşekkür ederim :) Figma community bölümünden bulabilirsiniz.

[@dilanelci8010]

Merhaba, videonun henüz bir kısmına gelebildim. Sade ve açık anlatımınız için teşekkür ederim. Biraz saçma bir soru olabilir ama emin olmak adına soruyorum. Key/Gamepad kısmında önizlemeyi açmadan önce, sizin yaptığınız gibi önce ayarlardan enter ve shift kombinasyonunu ayarladım. Fakat, space'e basınca da aynı geçişi yaptı onu ayarlamamış olmama rağmen. Acaba enter veya space tuşu seçilmeseler bile önizlemede default olan şeyler mi sayfalar arası geçiş için? (çünkü sadece enter'a basmak oldu demiştiniz enter ve shift kombinasyonunda) Mesela, denemek amaçlı 3 ve shift seçtiğimde sadece 3'e basınca geçiş yapamadığım için sormak istedim. Umarım açık anlatabilmişimdir

[@endertopaloglu]

Merhaba Dilan, evet bazı tuşlar default olarak geçiş olarak kullanılıyor. O yüzden figmadaki prototip gerçeğe en yakın deneyimi yaşatmak için bir araç. Yoksa eksikleri çok :)

[@inrevodes2928]

hocam bu dosyayı paylaşsaydınız keske :)

[@endertopaloglu]

Her şeyi birlikte yaptığımız için bilerek paylaşmadım :)

[@burgeatay105]

merhaba, yaptığım tasarımı iPhone 11 e uygulamaya çalıştım prototip yaparken ama tam oturtamadım. tasarımımın yarısı kaydı görünmüyor neyi yanlış yapmış olabilirim?

[@endertopaloglu]

Muhtemelen tasarımdaki çerçeveniz iphone11 boyutunda değil

[@burgeatay105]

@@endertopaloglu evet, o an dikkatsiz davranmışım hallettim sonradan çok teşekkür ederim :)

[@adnan.arslantas]

Bir sayfadayken Mouse tekerleğini aşağıya sürüklediğimde diğer sayfaya geçiş yapmayı bunlardan hangisiyle sağlarız?

[@endertopaloglu]

Maalesef böyle bir özelliği desteklemiyor

[@aysunbat2751]

hocam mobil uygulama yapmaya çalışıyorum. sayfanın yukarısına bir frame sabitledim. sayfanın ortası da scroll ediliyor. ama scroll ederken içerik yukarıda sabitlediğim kısmın altından kayarken görünüyor. ben de yukarıda sabitlediğim frame in rengine arka plan rengimi tekrar vererek çözüm buldum. ama doğru bir yöntem mi acaba ?

[@endertopaloglu]

Merhaba Aysun. Evet yukarıda sabitlediğin alana zemin rengi vermen doğru yöntem :)

[@aysunbat2751]

@@endertopaloglu teşekkür ediyorum. Baştan nasıl alışırsam öyle gider diye doğrusunu bilmek istedim. Kanalınız çok güzel. Öğrendiklerim için teşekkür ediyorum tekrar.

[@fragmanyum5101]

bu animasyonları yazılımcılar nasıl koda döküyor ? gif olarak alıp siteye mi ekliyorlar ?

[@endertopaloglu]

Gif olarak eklemiyor kodluyor ama nasıl kodlandığını gerçekten yazarak anlatamam :)

[@fragmanyum5101]

@@endertopaloglu O zaman gercekten helal olsun :) bende web programlama öğrenmeye calıstım ama suanki bilgilerimle asla öyle bir sey yapamam 😂

[@muratsen6456]

Ender bey merhaba, menü bar yapıyorum butonları default, hover, iconlu ve iconsuz olarak varyant yaptım prototypenı yapıyorum componentler üzerinden fakat üzerine gelince componentin direk değişmemiş olan yani master compenent olanını hover olarak gösteriyor sadece gölgeyi değiştirmesi gerekiyor ama yazıda değişiyor.biz bu hata ile bir yerde karşılaştık sonrasında çözdük diye hatırlıyorum ama geriye dönük bulamadım. Yardımcı olursanız sevinirim.

[@endertopaloglu]

Component variantlarının isimleri (sol menüdeki isimleri) aynı olması gerekiyor. İsimler farklı olursa hover olduğunda içindeki yazı da değişir. Örn: Ben bir buton yapmak için text yazdım. Sol menüde o text'in bir ismi oluyor o ismin variantlarında da aynı olması gerekiyor.

[@muratsen6456]

@@endertopaloglu çok teşekkür ederim

[@aidensadigov2760]

29. dakikada storylerin uzerine tikladiginda overflow behavior bolumu bende cikmiyor sebep ne ola bilir Ender agabey?

[@endertopaloglu]

Tam olarak dakikayı paylaşabilir misin? Oradan bakayım

[@aidensadigov2760]

@@endertopaloglu 29:25 de sag ustde prototype menusunun altinda

[@endertopaloglu]

@@aidensadigov2760 Link vereceğin veya prototype sekmesinin aktif olması için objenin frame içerisinde olması gerekiyor. Öyle dener misin?

[@aidensadigov2760]

@@endertopaloglu iphone 13 pro max frame-nin icinde obje ama nedense olmuyor

[@aidensadigov2760]

@@endertopaloglu tamamdir agabey

[@hwk9648]

aynı şeyi uygulayıp yapamayaşım :')

[@endertopaloglu]

Bu konu biraz karışık ama haklısın :)

[@hwk9648]

@@endertopaloglu yine de izlemektense kurcalayarak yapmayi seven biri olarak sizi dinlemekten izlemekten keyif aldim emeginize teşekkürler 🧡

[@endertopaloglu]

@@hwk9648 Çok sağolun 😊

[@SomaAliIbrahim]

28:25

[@yusra5100]

46:47

[@tasarmyelkeni2125]

.