Arkadaşlar merhaba, son zamanlarda can sıkıcı bir sorunla boğuşuyorum. Figma'da çizdiğim arayüzleri koda dökerken padding değerleri sürekli kayıyor. Özellikle responsive tasarımlarda, tasarımda 16px olarak belirlediğim bir padding, mobil görünümde 12px gibi geliyor ya da tam tersi oluyor. Figma'daki auto layout kullanıyorum genelde, component yapıları da var ama koda geçtiğimde flexbox veya grid ile uyumlu hale getirmek zor oluyor. Siz de benzer bir sorun yaşıyor musunuz? Yoksa ben mi yanlış bir yöntem izliyorum?
Bir de şu var: Figma'da parent-child ilişkisinde padding verirken, child elemanın kendi padding'i ile çakışabiliyor. Örneğin bir button component'inde iç padding'i 8px 16px yapıyorum, koda dökerken butonun kendi padding'i ile container'ın padding'i birleşince görsel olarak farklı çıkıyor. Bunu nasıl çözüyorsunuz? Özellikle Tailwind veya Bootstrap gibi framework'lerle çalışırken bu tutarsızlıklar can sıkıcı oluyor. Belki de Figma'da "space between" kullanmak yerine direkt gap değeri vermek daha mantıklı olabilir mi?
Son olarak, ben genelde el ile kod yazıyorum, Figma'dan plugin ile çektiğim kodlar da pek işe yaramıyor. Siz otomatik araçlar mı kullanıyorsunuz yoksa her seferinde manuel mi düzeltiyorsunuz? Mesela "Anima" veya "Zeplin" gibi araçlar gerçekten padding değerlerini koruyor mu, yoksa yine aynı sorunlar oluyor mu? Deneyimlerinizi paylaşırsanız sevinirim, çünkü bu sürekli düzeltme işi projeleri ciddi anlamda uzatıyor.
Bir de şu var: Figma'da parent-child ilişkisinde padding verirken, child elemanın kendi padding'i ile çakışabiliyor. Örneğin bir button component'inde iç padding'i 8px 16px yapıyorum, koda dökerken butonun kendi padding'i ile container'ın padding'i birleşince görsel olarak farklı çıkıyor. Bunu nasıl çözüyorsunuz? Özellikle Tailwind veya Bootstrap gibi framework'lerle çalışırken bu tutarsızlıklar can sıkıcı oluyor. Belki de Figma'da "space between" kullanmak yerine direkt gap değeri vermek daha mantıklı olabilir mi?
Son olarak, ben genelde el ile kod yazıyorum, Figma'dan plugin ile çektiğim kodlar da pek işe yaramıyor. Siz otomatik araçlar mı kullanıyorsunuz yoksa her seferinde manuel mi düzeltiyorsunuz? Mesela "Anima" veya "Zeplin" gibi araçlar gerçekten padding değerlerini koruyor mu, yoksa yine aynı sorunlar oluyor mu? Deneyimlerinizi paylaşırsanız sevinirim, çünkü bu sürekli düzeltme işi projeleri ciddi anlamda uzatıyor.