Arkadaşlar selam, uzun zamandır aklımı kurcalayan bir konu var. Figma'dan çıktığım tasarımları birebir koda dökmek her zaman sorun oluyor. Özellikle de piksel mükemmelliği dediğimiz o ince detayları yakalamak gerçekten zor. Mesela Figma'da 2px'lik bir gölge, kodda bazen farklı görünüyor, bazen de padding değerleri kayıyor. Siz bu işi nasıl çözüyorsunuz? Kendi projelerinizde hangi yöntemleri kullanıyorsunuz?
Ben genelde CSS'de rem veya em kullanmaktan kaçınıyorum, direkt px değerlerini alıyorum. Ama bu sefer de responsive tasarımda sorun çıkıyor. Figma'da auto layout kullanıyorum ama kod tarafında flexbox veya grid ile birebir eşleşmiyor. Özellikle gap değerleri, padding farklılıkları can sıkıcı olabiliyor. Bir de görsel asset'ler var; SVG'leri optimize ederken veya PNG'leri sıkıştırırken renk tonları değişiyor, bu da ayrı bir dert.
Son olarak, hangi araçları kullanıyorsunuz? Zeplin mi, Avocode mi, yoksa doğrudan Figma'nın kendi "Inspect" paneli mi daha iyi sonuç veriyor? Ben Figma'nın CSS çıktılarına güvenmiyorum bazen, özellikle border-radius veya transform değerlerinde yanlışlık oluyor. Sizin tecrübeleriniz neler? Bu konuda bir standardınız var mı, yoksa her projede elle mi düzeltiyorsunuz?
Ben genelde CSS'de rem veya em kullanmaktan kaçınıyorum, direkt px değerlerini alıyorum. Ama bu sefer de responsive tasarımda sorun çıkıyor. Figma'da auto layout kullanıyorum ama kod tarafında flexbox veya grid ile birebir eşleşmiyor. Özellikle gap değerleri, padding farklılıkları can sıkıcı olabiliyor. Bir de görsel asset'ler var; SVG'leri optimize ederken veya PNG'leri sıkıştırırken renk tonları değişiyor, bu da ayrı bir dert.
Son olarak, hangi araçları kullanıyorsunuz? Zeplin mi, Avocode mi, yoksa doğrudan Figma'nın kendi "Inspect" paneli mi daha iyi sonuç veriyor? Ben Figma'nın CSS çıktılarına güvenmiyorum bazen, özellikle border-radius veya transform değerlerinde yanlışlık oluyor. Sizin tecrübeleriniz neler? Bu konuda bir standardınız var mı, yoksa her projede elle mi düzeltiyorsunuz?