تطبيق عملي على Auto Layout في Figma — حلقة 13 | كورس UI/UX بالعربي

🎓 انضم لمجتمع خطوة على Telegram (2000+ مصمم): https://t.me/uxiCommunity 👥 نقاشات يومية | Resources مجانية | دعم من محترفين 📢 تابع أحدث الأخبار أول بأول: https://t.me/zyadtosonuxi --- في الحلقة دي بنكمل Auto Layout في Figma ونطبقه عملي على تصميم شاشة Home وشاشة Profile من الصفر — عشان تفهم إزاي تستخدمه في مشروع حقيقي مش بس تمرين بسيط. 🎯 هتتعلم في الحلقة دي: ✓ إزاي تحول أي عنصر تصميم لـ Auto Layout صح من غير ما يتكسر ✓ ترتيب المسافات (Padding & Gap) بشكل احترافي في شاشة كاملة ✓ بناء شاشة Home بالكامل بـ Auto Layout من الأول للآخر ✓ بناء شاشة Profile واستخدام Auto Layout المتداخل (Nested) 🎨 لينكات مهمة: 📁 فايل المشروع اللي شغالين عليه: https://www.figma.com/design/v5XTe6Yc... ✅ فايل مراجعة التاسكات: https://www.figma.com/design/otyGm4Mt... بعد ما اتعلمنا أساسيات Auto Layout في الحلقة اللي فاتت، الحلقة دي هي التطبيق الفعلي — هتشوف إزاي المفهوم ده بيوفر عليك وقت كبير لما تيجي تعدل أو تضيف عنصر في التصميم، وإزاي المصممين المحترفين بيبنوا الشاشات بالطريقة دي عشان تبقى منظمة وسهلة التعديل. الحلقة دي جزء من كورس UI/UX بالعربي المجاني على القناة — كورس كامل من الصفر للاحتراف بدون رسوم. --- ⏱️ Timestamps: 0:00 — مقدمة 0:45 — مراجعة سريعة لأساسيات Auto Layout 2:30 — تطبيق Auto Layout على شاشة Home 5:15 — ترتيب الـ Padding والـ Gap في شاشة Home 7:30 — تطبيق Auto Layout على شاشة Profile 9:45 — استخدام Nested Auto Layout 11:30 — نصايح وأخطاء شائعة 12:30 — خلاصة والحلقة الجاية --- 💬 لو عندك سؤال اكتبه في الكومنتات وهرد عليك! 👍 لو الحلقة أفادتك، اعمل لايك واشترك في القناة وفعّل الجرس عشان يوصلك كل جديد! --- 🔗 تابعني: • Telegram Community (خطوة): https://t.me/uxiCommunity • Telegram Channel: https://t.me/zyadtosonuxi • Instagram:   / uiux.zyad   • LinkedIn:   / zyadtoson   • TikTok: @zyad_toson --- 🔽 للأعمال | For Business 🔽 📧 zyadtoson9@gmail.com 💬 WhatsApp: +201094026261 #UIUXDesign #UIDesign #تعلم_التصميم