#Figma

[@kittenjuamercy]

udemy den figma kursu aldım sonra kurstan hiç bir şey anlamadım dedim acaba bende mi bir sorun var.sonra youtubede dan sizi buldum ve çok iyi şekilde anlamaya başladım.Bilgisayar mühendisiyim mobil uygulama geliştirmeye başlayacağım bunun için öğreniyorum. Bu videolarınız beni bir hazine bulmuş kadar sevindirdi. çok ama çok teşekkür ederim harika bir şekilde anlatmışsınız. emekleriniz için teşekkürler.

[@FerdiCildiz]

Asıl bu güzel yorumunuz için ben teşekkür ederim :) buradaki videolardan sonra devam etmek isterseniz sıfırdan mobil uygulama tasarımı eğitimimi de incelemek isteyebilirsiniz bit.ly/figmaegitimi

[@Lsobot]

Faydalı bir ders olmuş Ferdi, ağzına emeğine sağlık dostum. Sıfırdan yapılmış bir web sitesi ya da app için süreçleri ile birlikte çekilmiş bir derste bu konular daha da netleşecektir izleyenlerin kafalarında :)

[@FerdiCildiz]

önce temeller, sonrasında da proje yapmayı planlıyorum, malum en ufaktan başlamak her zaman daha sağlıklı :)

[@muammeraltunkan]

Hakkı yenilmiş bir kanal çok daha fazla beyeni ve abone hak ediyor.

[@erbugbeyfendi5081]

kimse hakkını yemiyor sadece hitap ettiği kitle başka saçmalama

[@gokalpigci3964]

Çok anlaşılır bir biçimde anlatıyorsunuz. Sizin için basit tabii ama ben yeni özellikleri sizin sayenizde öğrenince ağzım açık izliyorum şaşkınlıktan :)

[@Murat46020]

Ferdi abi çok güzel anlatımdı .Faydalı oldu teşekkürler.

[@FerdiCildiz]

Rica ederim :) beğenmene sevindim!

[@seldaakgull9771]

Çok anlaşılır bir biçimde anlatmışsınız elinize sağlık..Bir sürü video izledim saatlerce ama sizinkini izledikten sonra ilk küçük tasarımımı frigmada çok hızlı yaptım tekrar teşekkürler :)

[@FerdiCildiz]

rica ederim, beğenmene çok sevindim :)

[@pelinberlinde]

Harikasin Ferdi Cildiz. Emegine saglik ayrica ))

[@sedayasarrr]

Hocam ağzınıza sağlık ilk defa dinleyip uyguluyorum çoksağolun

[@FerdiCildiz]

Faydalı bulmana sevindim, kolay gelsin :)

[@EnesSerbest]

Başarılarının devamını dilerim. Dersler çok güzel ilerliyor.

[@FerdiCildiz]

Teşekkür ederim, faydalı olduysa ne mutlu :)

[@rukiyetokatloglu5010]

gerçekten çok faydalı bir kanal!

[@emreylmaz1639]

harika bir video olmuş emeğinize sağlık

[@erenarcan1362]

Hocam anlatımınız için teşekkürler bir sorum olacak 8:20 de tek tek iconları nasıl seçiyorsunuz

[@FerdiCildiz]

Tıklarken shifte basıyorum

[@eprianu]

Tek kelimeyle mükemmel. 👋👋👋

[@FerdiCildiz]

çok teşekkür ederim

[@meryemaltunkaya7128]

Tek kelimeyle super👍

[@FerdiCildiz]

Çok teşekkür ederim

[@eneshalc6739]

Çok iyi bir anlatımdı. Teşekkür ederiz :)

[@FerdiCildiz]

beğenmene sevindim, umarım faydası olmuştur :)

[@eneshalc6739]

@@FerdiCildiz örnekler daha fazla olursa pekiştirme açısından çok daha iyi olur. Bu şekilde de yeterince iyi zaten ama tavsiye yine de:)

[@FerdiCildiz]

​@@eneshalc6739 bu seride amacım temelleri mümkün mertebe detaylıca anlatmak. sonrasında daha geniş kapsamlı dersler hazırlayıp farklı örnekler de vereceğim :)

[@drahmetcelik]

Çok faydalıydı. Teşekkürler.

[@FerdiCildiz]

ben teşekkür ederim

[@merveyazc4562]

Elleriiniizee sağlııık. Mini de bir sorum olacak. 8:39'daki gibi masterdan kopyaladığım instance için design menüsündeki instance seçeneği aktif olmuyor. Component olarak gözüküyor. Nasıl çözebilirim?

[@FerdiCildiz]

screenshot atma şansın olur mu? dediğin pek olası bir şey değil zira :/

[@meleksd7509]

@@FerdiCildiz Bende de instance diye bir menü açılmıyor, onun yerine master components imin ismi yazan bi bar çıkıyor örn '' frame 33'' gibi Orada da instance ı sıfırlama gibi özellikler çıkıyor ( isim boyut gibi) ama bu kadarla sınırlı.

[@mehmet-ju1qs]

slm hersey iyi guzel ama bazen cok hizli hareket ediyorsunuz birde iconlari aldiginiz site yide soylerseniz

[@dnzdeep9734]

hocam, 10:20 de bahsettiğiniz ikonu sildiğinizde asla silinmez, görünmez olur diyorsunuz ya; peki bütün tasarım bittiğinde artık deve gönderilirken bunun gibi ve diğer görünmez layerları silmeli miyiz, öyle kalsa mı daha iyi olur? teşekkürler

[@dnzdeep9734]

burada 6:58 de yine kutuları görünmez yaptık, bunları da mı aynı düşünmeliyiz? Birde bununla paralel 0:50 de buton oluştururken dikdötgenle yaptınız fakat 3.derse dikdörgenle uğraşmamak adına metini direk auto layouta alıp buton yapmıştınız. Biz günün sonunda buton yaparken hangi yöntemi tercih etmeliyiz? teşekkürler

[@ase8132]

Harika 👏👏👏

[@yusra5100]

14:12 buradaki özelliği bir instance componentte denedim olmadı normali bu mu yoksa yanlış bir şey yapmış olabilir miyim?

[@FerdiCildiz]

araları eşit olunca genelde daha iyi çalışıyor, instance ya da component fark etmez

[@artlook.agency]

Butonlarda auto layout kullanmanızı tavsiye ederim.

[@FerdiCildiz]

Bu videoyu iki sene önce hazırladım, auto layout çok yeniydi, sonraki videolarda göreceksiniz :)

[@padlock_studio]

Şuan kullandığım sürümde instance menüsünün altında, kopya companentlerin sonradan yapılan değişikliklerin resetlendiği menüde sizdeki gibi tüm seçenekler yok. Mesela ebadını resetleyebiliyorum ama textlerin resetlenmesi çıkmıyor?

[@mehmetsuyuti]

6:17 iconları nasıl eklediniz?

[@FerdiCildiz]

Community'den feather icons setinden aldım

[@elvinmikayilov3001]

İnstagram Telegram Whatsapp iconloru nasıl yapa biliriz boyle bir video olsa iyi olur

[@FerdiCildiz]

tabi ki yapabiliriz ancak tekerleği yeniden icat etmeye gerek yok diye düşünyorum :) www.flaticon.com ve www.iconfinder.com gibi sitelerden .svg formatında indirip Figma'ya alabilir, componente çevirebiliriz.

[@aliseker9088]

merhaba iyi günler , çok iyi ve anlaşılır anlatıyosunuz , benim bir uygulama yapmam gerekiyor . Daha yeni mobil uygulama yapmayı öğrenmeye başladım . figma uygulamasıyla html veya css gibi yazılım uygulamalarının arasında bir fark var mıdır ? Hangisini kullanmamı önerirsiniz. ? Bir diğer sorum da bir uygulama yaptıktan sonra onu aynen uğraşmadan web sitesi olarak dönüştürebiliyor muyuz ? Yardımcı olursanız çok sevinirim :)

[@FerdiCildiz]

Çok teşekkür ederim :) Figma arayüz tasarım aracı, diğerleri ise markup yani işaretleme dili. İkisi farklı şeyler. Eğer tasarım yapacaksanız html ve css yazmasanız da teorik olarak bilmeniz lazım. Uğraşmadan Web sitesine dönüştürmek de imkansız. Yapan uygulamalar var ama düzgün çalışmıyor. Webflow gibi araçlar da yine teknik kod bilgisi gerektiriyor az da olsa.

[@hamdikose688]

hocam ikonları nerden import ettiniz

[@FerdiCildiz]

bu yorumu atlamışım malesef :/ flaticon'dan indiriyorum genelde ama bu videoda feather icons kullandım

[@hamdikose688]

@@FerdiCildiz teşekkür ederim

[@jesusmary7985]

selam cok iyisiniz ama anlatirken detay verseniz ve birde aldigini icinlari nerden aladiginizi veya linleri paylasaniz

[@FerdiCildiz]

İkonları Figma Community'den indirmiştim. Material Icons olması lazım, 2 sene önceydi hatırlayamıyorum tam olarak :)

[@SS-mf3kk]

Hocam merhaba anlatımınız için teşekkürler çok faydalı gerçekten. Bir sorum var; 8:40'da iconları hizalarken bende kenar ölçüler çıkmıyor var mı bir ayarı ?

[@FerdiCildiz]

Rica ederim :) alt tuşuna basılı tutman gerekiyor :)

[@SS-mf3kk]

@@FerdiCildiz Süper :) Teşekkürler hocam

[@FerdiCildiz]

Rica ederim :)

[@tolgacangul708]

merhaba Ferdi bey, anlatımınız için teşekkürler. auto layoutlardan oluşturduğum bir master component içinde auto layout özellikleri arasından iç nesnelerin sıralamasını (ekranın sağ üstte bulunan ok tuşları yardımıyla) değiştirebiliyorken, Instance component içinde bu değişikliği yapamıyorum. Sebebi ve çözümü hakkında bilgi verebilir misiniz?

[@FerdiCildiz]

Merhaba, öncelikle ilginiz için ben teşekkür ederim :) Instance'lar componentlerin kopyasıdır. Bazı özellikleri override etsek bile bazı şeyleri yapmamıza Figma izin vermiyor. Zaten anlattığınız senaryoda da mantıklı olan yerlerinin değişmemesi. Eğer yanyana olan iki nesne iki ayrı component ise içeriğini değiştirerek istediğiniz sonucu alabilirsiniz. Eğer bu cevap işe yaramazsa bir ekran görüntüsü rica edeceğim :)

[@tolgacangul708]

​@@FerdiCildiz bilgilendirme için teşekkür ederim. en iyisi projeyi sil baştan hazırlamak yerine detach instance ile yola devam edeyim. iyi bir deneyim oldu :)

[@FerdiCildiz]

Mümkün mertebe componentleri detach instance yapmamanızı öneririm çünkü o mantıktan çıkınca ekran sayısı arttığında daha zor olacak. Tasarıma göre farklı çözümler bulabilirsiniz bence :)

[@tolgacangul708]

@@FerdiCildiz şimdilik 6 sayfalık bir tasarım üzerine yoğunlaştığım için büyük problem yaşamayacağım. aksi durumda zaten böyle bir şeyi göze alamam :) componentler var olsun! sıradaki derste görüşmek üzere.

[@FerdiCildiz]

@@tolgacangul708 Görüşmek üzere :)

[@sabirnesibli6045]

Teşekkürler hocam

[@ayurveda01]

Teşekkürler

[@ahmetkarakoc9897]

süpersiniz

[@FerdiCildiz]

çok teşekkür ederim

[@arifteam3847]

Hoca merhabalar anlatım için teşekkürler bir sorum olacakti. Bir nesneyi büyütüp küçültürken oranı korumak için eskiden shift tuşuna basıyordum fakat bir anda bu fonksiyon control tuşuna atanda bunu nasıl çözebilirim?

[@FerdiCildiz]

bu klavye ayarlarıyla ilgili olabilir, figmada da shift tuşunun çalışması gerekiyor.

[@berilturk]

Merhaba, 10.25 'te instance'ı seçip constrains i left-right yaptınız fakat benim design menumde öyle bir seçenek çıkmıyor, sebebi ne olabilir acaba ?

[@FerdiCildiz]

Header'in tam olarak frame içinde olduğuna emin olman lazım Beril

[@berilturk]

@@FerdiCildiz çok teşekkür ederim 😅

[@jesusmary7985]

detayli acikma yok daha once kopyaladigim sembolu yapistiriyorum nerden geldi nasil yapistiyorsun hangi tuslari kullaniyorsun normal kopyalama mi farkli bir tus kombinasyonumu kullaniyorsun hicbiri aciklama yok

[@FerdiCildiz]

Ctrl + C ve Ctrl + V. ilerleyen videolarda daha çok ipucu bulabilirsiniz.

[@neslihanamann7589]

primary button u kopyaladığımda sağda instance gözükmüyor. Sebebi ne olabilir?

[@FerdiCildiz]

Ekran görüntüsü atma şansın var mı?

[@umutgedik5710]

Çok iyiydi teşekkürler hocam

[@fazehra9204]

Components i adobe illüstratördeki gruplama , gruptan ayirma islemi gibi dusunebilir miyim?

[@FerdiCildiz]

Hayır ama frame içine alıp toparlaman daha sağlıklı olacaktır

[@kdrkara]

Merhaba, benim yapmak istediğim bir şey var fakat bir türlü yapamıyorum. Figma'da bir mobil tasarım arayüzüne slider bölümü yapmak istiyorum. Bu slider bölümü carousel gibi geçişli olsun istiyorum, bu kısma kadar aslında yapıyorum ama mobil arayüzün sayfasına bunu ekleyemiyorum, eklediğim zaman çalışmıyor, bunu nasıl çözebilirim?

[@FerdiCildiz]

Çalışmıyor derken nerede çalışmıyor, prototipte mi?

[@kdrkara]

@@FerdiCildiz Evet, tüm geçişleri ayarlıyorum fakat çalışmıyor.

[@fireback1334]

Woww

[@BySpecial1]

Oluşturmuş olduğum componentsleri , grup halinde birleştirdim. Fakat frame yani ilk baştaki haline nasıl döndürebiliriz ? İptal etmenin kısayolu var mı ?

[@FerdiCildiz]

Eğer frameleri grup içinde topladıysan grubu seçip ctrl+shift+g tuşlarına basabilirsin

[@BySpecial1]

Ferdi Cildiz componente çevirdiğim nesneyi , tekrsr componentsiz haline çeviremedim. Bu işlemi nasıl yapabilirim ?

[@FerdiCildiz]

@@BySpecial1 ctrl+alt+b tuşlarına basarak yapabilirsin ama master component değiş bir kopyasını alıp yapman lazım

[@elmirniftaliyev4075]

Onlayn ders veriyormusunuz? Ben azeriyim ve figmani ogrenmek ve kendi cabamla parami bu proqramla kazanmak istiyorum. Yardimci olurmusunuz?

[@FerdiCildiz]

Merhaba, www.tmlab.studio/mentorlar/ferdi-cildiz adresinden ya da superpeer.com/FerdiCildiz adresinden bana ulaşabilirsiniz :)

[@erenkocak]

Hangi tuşa basınca o pixeller gözüküyor acaba yandan üsten.

[@FerdiCildiz]

Alt tuşuna basınca çıkıyor

[@erenkocak]

@@FerdiCildiz Teşekkürler. birde size bir şey daha sormak istiyorum. Figmanın piyasadaki yeri nasıl sizce. Ben daha yeni öğrenmeye başladım ve merak ediyorum. Herhangi bir şirkette çalışmak ya da freelance çalışma olanakları nasıl ve gelir düzeyi ortalama nasıl. Kolay gelsin.

[@FerdiCildiz]

Gelir düzeyi için maaş videomu izleyebilirsiniz. Figma da şu an sektör standardı oldu diyebilirim

[@hilalolmez6277]

main componenti kopyalamak için hangi kısayolu kullanıyorduk

[@FerdiCildiz]

Main componenti kısayol ile kopyalama şansımız yok malesef. Kopyasını detach instance yaptıktan sonra ayrı bir componente çevirmek ya da component cloner plug-inini kurmak gerek

[@elifnursandkclar4025]

Çok güzel bir dersti çok teşekkürler. Bir sorum var :) 10.09 saniyedeki açılan panel bende gözükmüyor. Bu eski sürüm müdür? (İkonları değiştirmeye çalıştım birbiriyle ama olmadı)

[@FerdiCildiz]

Eski versiyon, yeni versiyonda da var ama rengi ve tasarımı farklı. Assets panelini kullanabilirsin ayrıca

[@FerdiCildiz]

Ayrıca teşekkür ederim :)

[@suatcelik7834]

hocam çok güzel anlatıyorsunuz ama çok sakin anlattıgınız ıcın uykum geldi

[@FerdiCildiz]

Teşekkür ederim ilerideki videolarda daha iyi bulacağını düşünüyorum :) eski videolar bunlar

[@suatcelik7834]

@@FerdiCildiz 3. videodayım şuan gayet anlaşılır ve güzel gidiyor düşündüğümden daha basitmiş emeğinize elinize sağlık

[@FerdiCildiz]

Çok teşekkür ederim ayrıca yeni bir eğitim seti hazırladım onu da incelemek isteyebilirsin bit.ly/figmaegitimi :) figma'ya ek olarak mobil uygulama tasarımı da anlatıyorum o sette

[@futbolyayinlari9919]

Hocam linkedinde "1 yıldır Userspots işbirliği ile verdiğim Figma kursunda eğitim verdiğim arkadaşlar bir bir işlere yerleşiyor, çok seviniyorum :)" diye bir iletinizi gordum burdan baska bir yerde figma kursunuzda mi var :) nasil erisebiliriz??

[@FerdiCildiz]

www.userspots.com/egitim/uygulamali-figma-egitimi burada var ama bir süre ara veriyorum bu haftadan itibaren. İleride başka planlarım da olacak o zaman duyururum :)

[@futbolyayinlari9919]

@@FerdiCildiz hocam yapma ben bu figmayi senin videolarinla icinden gecmeyi planliyordum. Bu 5 AĞUSTOS - 16 EYLÜL 2022 iptal mi yani?

[@FerdiCildiz]

Evet malesef iptal :)

[@UgurHuseynliyev-ld7vv]

icon'ları nereden alıyorsunuz?

[@FerdiCildiz]

Burada material icons kullandım ama Figma Communityde fazlasıyla ücretsiz ikon var

[@mehmetanac2898]

2 nesneyi ortalarken birisini illustratorde yaptığımız gibi sabitleyip ona göre hizalama var mı figmada

[@FerdiCildiz]

Hayır ama iki nesneyi Frame'e göre ortalamak için shift'e basılı tutabilirsin align yaparken

[@mehmetanac2898]

@@FerdiCildiz kral hocam ben frame e değil de mesela bu dersteki gibi iki nesneyi ikon ve kareyi ortalamak isterken kareleri çizdim sonra kareleri hizladım sonra ikonları yerleştirirken karelerin yeri değişti mesela o kareleri sabitlemenin yolu ne onu soruyorum sende değişmiyor :)

[@mehmetanac2898]

@@FerdiCildiz bu arada her şey için teşekkürler Ankaradaysanız bi görüşelim kahve içelim çok memnun olurum :)

[@FerdiCildiz]

Kareleri değil içindeki nesneleri seçip hizalama yapıyorum, aslında yine frame'i referans alarak yapıyor ama ai ya da ps'deki gibi canvası seçmene gerek yok

[@FerdiCildiz]

Malesef İstanbul'dayım :)

[@ecesengezer1751]

Merhaba, öncelikle emeğinize sağlık, 4:30'da yaptığımız ctrl+alt+c ardından ctrl+alt+v işlemi bende hiçbir değişiklik yaratmıyor. Anlamı olmayan tuşlara basmışım gibi tasarımda hiçbir fark oluşmuyor. Sorun nedir acaba bu durumu nasıl düzeltebilirim?

[@yusra5100]

Belki çözmüşsündür ama aynısını yaşayan varsa diye yazıyorum: Layers kısmından componenti seçmek yerine component içindeki rectangleı seçip ctrl+alt+C yapman lazım sonrasında uygulamak istediğin rectanglea ctrl+V yapman yeterli

[@ecesengezer1751]

Teşekkür ederim

[@dgknca]

hocam master componentde scale seçtim ama instance'da left olmuyor. bu kural mı?

[@dgknca]

daha doğrusu componentin içinde bir frame var. instance içindeki frame'de değişiklik yapamıyorum. background değişebiliyor ama genişlik yükseklik değiştirilemiyor. aynı şekilde constraints değiştirlemiyor. radius değişiyor mesela onda sıkıntı yok. frame değil de grup olarak denedim yine aynı şekilde o özellikler disable.

[@FerdiCildiz]

değiştiremediğin her şeyi master component üzerinde yapman lazım, instance'da değil :)

[@reqsanesadiqova-n9j]

merhaba ders veriyonuzmu?

[@FerdiCildiz]

bit.ly/figmaegitimi adresinde yayınladığım kursu bulabilirsin

[@ankarabaskent692]

Şu 2.28 components çogaltıyorya hoca orayı açıklayacak güzel bir insan var mı bir türlü halledemedim

[@FerdiCildiz]

biraz geç yanıt oldu ama alt tuşuna basılı tutarak sürükleyince çoğalıyor :)

[@erkamsafa]

tenqü :)

[@edgugokaydn1727]

KOMPANANT ama dimi hani asla ə sesi yok orda JDNSNDNDBDBBD

[@FerdiCildiz]

Yani ne diyeyim şimdi buna mı takıldın?

[@heavenlymilano]

Figma ne? Component ne? Neredeyim ben? KZbin beni nereye yolladin🤣

[@FerdiCildiz]

Figma son zamanlarda çok rağbet gören bir meslek dalı olan arayüz ve kullanıcı deneyimi tasarımcılarının sıklıkla kullandığı bir tasarım uygulaması. Web sitesi ve mobil uygulama tasarımları için biçilmiş kaftan. KZbin kanalımda derslerini bulabilirsin :)

[@muhammadsolih5173]

2 yıl sonra tabiki çok şey değişmitir ben en baştan koptum izlemeyi bıraktım

[@FerdiCildiz]

Değişen kısımlar için yeni videolar mevcut. Component temelde hala aynı o yüzden kopma :)