Selam millet, uzun zamandır Figma'dan çıktı alıp koda dökmekle uğraşıyorum ama bazı UI detayları var ki gerçekten can sıkıcı olabiliyor. Özellikle son zamanlarda üzerinde çalıştığım bir projede tasarımcının gönderdiği dosyada bazı öğelerin davranışı koda geçerken tam bir kabusa dönüştü. Mesela en büyük sorunum gradient geçişler ve gölgeler. Figma'daki gölge efektleri CSS'e birebir aktarılamıyor, özellikle birden fazla katmanlı gölgeler olunca iyice karmaşıklaşıyor. Siz de bu tür sorunlar yaşıyor musunuz? Yoksa ben mi yanlış bir yöntem izliyorum?
Bir diğer konu da responsive tasarım geçişleri. Figma'da bir frame içinde öğeleri konumlandırırken Auto Layout kullanıyoruz ama bunu flexbox veya grid sistemine çevirirken bazen uyumsuzluklar oluyor. Özellikle birden fazla breakpoint olan tasarımlarda, Figma'daki constraint'ler koda yansırken istediğim esnekliği vermiyor. Örneğin, bir butonun içindeki metin uzadığında taşma sorunu yaşıyorum, oysa Figma'da padding'ler ve hizalama tertemiz görünüyor. Bunun için özel bir eklenti veya yöntem kullanan var mı? Yoksa her tasarımda elle düzeltme mi yapıyorsunuz?
Son olarak, Figma'daki efektler, özellikle blur ve backdrop filter gibi özellikler tarayıcılarda tam olarak aynı sonucu vermiyor. Mesela bir modal arkasında kullanılan bulanıklık efekti, Chrome'da farklı, Firefox'ta farklı bir performans sergiliyor. Hatta bazı durumlarda resize sonrası efekt bozulabiliyor. Tasarımcıyla bu farklılıkları konuşup uzlaşmak mı gerekir, yoksa CSS ile bunları birebir yakalamak mümkün mü? Bu konuda tecrübesi olan varsa fikirlerini duymak isterim. Herkesin başına gelen farklı zorluklar vardır mutlaka, paylaşırsak çözüm yollarını da keşfederiz diye düşünüyorum.
Bir diğer konu da responsive tasarım geçişleri. Figma'da bir frame içinde öğeleri konumlandırırken Auto Layout kullanıyoruz ama bunu flexbox veya grid sistemine çevirirken bazen uyumsuzluklar oluyor. Özellikle birden fazla breakpoint olan tasarımlarda, Figma'daki constraint'ler koda yansırken istediğim esnekliği vermiyor. Örneğin, bir butonun içindeki metin uzadığında taşma sorunu yaşıyorum, oysa Figma'da padding'ler ve hizalama tertemiz görünüyor. Bunun için özel bir eklenti veya yöntem kullanan var mı? Yoksa her tasarımda elle düzeltme mi yapıyorsunuz?
Son olarak, Figma'daki efektler, özellikle blur ve backdrop filter gibi özellikler tarayıcılarda tam olarak aynı sonucu vermiyor. Mesela bir modal arkasında kullanılan bulanıklık efekti, Chrome'da farklı, Firefox'ta farklı bir performans sergiliyor. Hatta bazı durumlarda resize sonrası efekt bozulabiliyor. Tasarımcıyla bu farklılıkları konuşup uzlaşmak mı gerekir, yoksa CSS ile bunları birebir yakalamak mümkün mü? Bu konuda tecrübesi olan varsa fikirlerini duymak isterim. Herkesin başına gelen farklı zorluklar vardır mutlaka, paylaşırsak çözüm yollarını da keşfederiz diye düşünüyorum.