شرح الـ Components في Figma — حلقة 18 | كورس UI/UX

🚀 سجّل الآن واحصل على خصم 50% في الكورس المدفوع الشامل، اللي هيغطي UI/UX بشكل أعمق بكتير من المحتوى المجاني، وده قبل ما التسجيل يفتح رسمي: 👉 https://forms.gle/kWeSoMhaM9cd7fa89 📁 ملفات Figma الخاصة بالكورس: • ملف الكورس (اللي شغالين عليه): https://www.figma.com/design/v5XTe6Yc... • ملف مراجعة التاسكات: https://www.figma.com/design/otyGm4Mt... --- 🎓 انضم لمجتمع خطوة على Telegram (4000+ مصمم): https://t.me/uxiCommunity 👥 نقاشات يومية | Resources مجانية | دعم من محترفين 📢 تابع أحدث الأخبار أول بأول: https://t.me/zyadtosonuxi --- شرح الـ Components في Figma من الصفر — إزاي تصمم العنصر مرة واحدة وتستخدمه في كل الشاشات، وأي تعديل عليه يتطبق في كل مكان تلقائياً. 🎯 هتتعلم في الحلقة دي: ✓ يعني إيه Component في Figma وليه كل مصمم محترف بيستخدمه ✓ الفرق بين الـ Main Component والـ Instance ✓ إزاي تعدّل على الـ Instance من غير ما تبوّظ الأصل (Overrides) ✓ الـ Variants والـ Component Properties وإزاي تنظم بيهم الـ States ✓ تطبيق عملي على عناصر مشروع تطبيق التوصيل --- لو بتصمم نفس الزرار أو الكارت أكتر من مرة وبتعدّله في كل شاشة لوحده، الحلقة دي هتغيّر طريقة شغلك. الـ Figma Components هي أساس أي Design System، وهي اللي بتخلي التصميم منظم وسهل التعديل وجاهز للتسليم للـ Developers. في الحلقة دي بنبني Components حقيقية لمشروع تطبيق التوصيل اللي شغالين عليه من أول الكورس — زراير، كروت، وعناصر بـ States مختلفة باستخدام الـ Variants. الحلقة دي جزء من كورس UI/UX بالعربي المجاني على القناة — كورس كامل من الصفر للاحتراف بدون رسوم. --- ⏱️ Timestamps: 0:00 — مقدمة الحلقة 0:40 — يعني إيه Component وليه مهم؟ 2:30 — إزاي تعمل Main Component 4:30 — الـ Instances والفرق بينها وبين الأصل 6:30 — التعديل على الـ Instance (Overrides) 8:30 — الـ Variants وتنظيم الـ States 11:00 — الـ Component Properties 13:30 — تطبيق على مشروع تطبيق التوصيل 15:00 — خلاصة والحلقة الجاية --- 💬 لو عندك سؤال اكتبه في الكومنتات وهرد عليك! 👍 لو الحلقة أفادتك، اعمل لايك واشترك في القناة وفعّل الجرس عشان يوصلك كل جديد! --- 🔗 تابعني: • 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 #تعلم_التصميم