Arkadaşlar selam, uzun süredir Figma'dan kod geçişi ile uğraşıyorum ama özellikle son projelerimde bazı uyum sorunları canımı sıkmaya başladı. Sizce bu geçiş sırasında en çok zorlandığınız nokta ne oluyor? Benim için en büyük sorun, Figma'daki otomatik layout ve constraint yapılarının CSS'de tam karşılığını bulamamak. Mesela bir frame içinde padding ve gap ayarları harika görünüyor ama kod tarafında flexbox ya da grid ile birebir aynı sonucu almak için saatler harcıyorum. Özellikle responsive tasarımlarda Figma'da gördüğüm esnekliği kodda yakalayamayınca sinir krizi geçiriyorum resmen.
Bir diğer can sıkıcı konu ise component varyasyonları ve overridelar. Figma'da bir butonun 5 farklı state'ini (hover, active, disabled vs.) tasarlıyorum, sonra geliştirici arkadaşlarım bu geçişleri yaparken ya CSS class'ları şişiyor ya da gereksiz JavaScript yazmak zorunda kalıyoruz. Sizde de bu tip durumlar oluyor mu? Yoksa ben mi yanlış bir yaklaşım izliyorum? Mesela auto layout içinde nested componentlerin iç içe geçmiş padding ve margin değerlerini çözmek bazen imkansızlaşıyor, özellikle de tasarımcılar "pixel perfect" diye tutturmuşsa.
Son olarak, Figma'dan çıktı alırken kullanılan eklentiler (Anima, Figma to Code gibi) ne kadar işe yarıyor sizce? Ben genelde elle yazmayı tercih ediyorum ama ekip büyüdükçe otomasyon şart oluyor. Deneyen varsa hangi eklentiyi önerir? Özellikle Tailwind CSS veya Styled Components gibi frameworklerle uyumlu çalışan bir çözüm var mı? Yoksa hepsi başlangıç için idare edip sonradan revize mi gerektiriyor? Bu konuda fikirlerinizi merak ediyorum, hadi bakalım tecrübelerinizi paylaşın.
Bir diğer can sıkıcı konu ise component varyasyonları ve overridelar. Figma'da bir butonun 5 farklı state'ini (hover, active, disabled vs.) tasarlıyorum, sonra geliştirici arkadaşlarım bu geçişleri yaparken ya CSS class'ları şişiyor ya da gereksiz JavaScript yazmak zorunda kalıyoruz. Sizde de bu tip durumlar oluyor mu? Yoksa ben mi yanlış bir yaklaşım izliyorum? Mesela auto layout içinde nested componentlerin iç içe geçmiş padding ve margin değerlerini çözmek bazen imkansızlaşıyor, özellikle de tasarımcılar "pixel perfect" diye tutturmuşsa.
Son olarak, Figma'dan çıktı alırken kullanılan eklentiler (Anima, Figma to Code gibi) ne kadar işe yarıyor sizce? Ben genelde elle yazmayı tercih ediyorum ama ekip büyüdükçe otomasyon şart oluyor. Deneyen varsa hangi eklentiyi önerir? Özellikle Tailwind CSS veya Styled Components gibi frameworklerle uyumlu çalışan bir çözüm var mı? Yoksa hepsi başlangıç için idare edip sonradan revize mi gerektiriyor? Bu konuda fikirlerinizi merak ediyorum, hadi bakalım tecrübelerinizi paylaşın.