Figma Course : Variants | الدرس السابع من كورس فيجما شرح جميع خصائص الـ Variants

في الدرس السابع من كورس تعلم Figma
بنشرح قوة الـ Variants
الي بتستمدها من الـ Auto Layout , Component
لو عجبك الفيديو متنساش تشترك في القناة
-
لو عايز تحترف مجال الـ UX Design اكتر وتدفع سعر رخيص جدا انا ياسيدي شريك مع مدرسة Interaction Design Foundation ودي مدرسة شهاداتها معتمدة من شركات كبري زي Adobe و IBM و جامعة كامبريدج وشركات وجامعات تانية كتير
ده بوست كامل بكلم فيه عن المدرسة وفيه خصم 25% علي الاشتراك
/ 619588615337604
-
تقدر تتابعني المنصات التاليه:
تيك توك: / ehabfayezuxui
تيلجرام: t.me/ehabfayezux
فيس بوك: / ux.ehabfayez
اكس: / iam_ehab
البورتفليو بتاعي: www.behance.net/ehabfayez
لينكد ان: / ehabfayez

[@mohamedkhamis3179]

ياريت تعملنا فيديو عن اسامي الحاجات اللي بتبقي موجودة ف موقع او تطبيق زي nav bar وbutton وdrop menu وsplash screen وشكرا جدا ع كل الدروس الجامدة دي وياريت دايما الفيديوهات تبقي ف حدود 10 دقايق مش اكتر

[@samirfarid5539]

Amazing, Thanks for this great content

[@s7s_space]

شوف انا بقلاي كام سنة عارف البرنامج بس كنت بتنقل بينه وبين xd وكنت عارف انه قوي بس الخواص الأخيرة دي خلتني لازم استغله وقلت اقفل أن شاء الله البلاي ليست بتاعتك لأنك بتشرح كويس ياريت تكمل ..يعني تعمل مواقع مثلا أو تطبيقات كاملة وبرضه تشرح نقاط UX زي البحث ودارسه المستخدمين وكل المعلومات دي ..جزاك الله خيرا يا إيهاب ..شخص لطيف ومحتوك مميز ..غيرت نظرتي للمحتوي العربي وفيه أمل دائما .

[@ashrafhussain4521]

Like and comment قبل ما احضر الفيديو الله يعطيك العافية على مجهودك الطيب

[@ehabfayez]

ربنا يخليك🙏

[@mimaso9495]

Amazing Thanks

[@user-ho6et3td9r]

جزاك الله خير 😁

[@youvdz9238]

u r the best ty bro 🔥

[@karimeltalawy]

Keep going bro♥️

[@hatsu_dz]

thank you

[@user-xs8ox8rm2p]

ربنا يقويك بالتوفيق

[@ehabfayez]

ربنا يخليكي يا شيماء!

[@hatsu_dz]

يا اخي كثرت فيديوهات انا ادرس فا جامعة احب front end Back end حابب تعلم figma في اسرع وقت تساعدني كثير فا برمجة فاذا ممكن كثر فيديوهات و خلص كورس بسرعة 🥺🥺🥺🥺

[@ehabfayez]

ان شاء الله هيخلص قريب جدا🙏 ربنا يوفقك

[@madhoundes]

عاش يا باشا

[@ehabfayez]

تسلم!

[@modshehata]

Good job, as usual, can you mention the best practice of using the 3 types of elements ( Autolayout, Components, and Variants ) considering optimization for design.

[@ehabfayez]

بالفعل هتلاقيهم في اول درس من ال advanced كورس داخل نفس البلاي ليست دي علي القناة 🙏

[@bakrixd485]

مبروووك 10الف مشترك🔥🔥🔥🔥

[@ehabfayez]

الله يبارك فيك

[@nadaalhawati1989]

شكرا يا ايهاب عالمحتوي الرائع.. لكن عندي سؤال ايه لازمة اني اعمل نسخ varients بعد ما اعمل components ويبقي كلهم مستقلييين عن بعض او اني اعمل Alt علي طول و اكوبي بيست من غير ما اعمل خطوتين comp.+ Vari؟؟

[@shaimaarashed8573]

ازاي اقدر اعمل field validation في شاشة sign in او sign up؟

[@farahmorsi9996]

بس حضرتك هو ممكن ده يفيدني ف ايه لو ممكن اعمل component واعدل علي الي انا عايزاه عادي

[@ehabfayez]

هيفيدك جدا في المشاريع الكبيره الي بتستخدمي فيها نفس العناصر مثلا ولما تيجي تعدلي علي العناصر دي هتتعبي في التعديل لو في عشرين اسكرين ومش عندك components

[@saraabdalwahab322]

شكرا على الشرح الرائع... انا عندي سؤال...لو انا عندي 4 navbar وعملتهم variants وبعدها العميل طلب مني اعدل لون كلمة home في كل ال navbars الي عندي ....هعمل ايه؟ لازم الغي ال variants واعملة بس components?

[@SaraSara-zy4wk]

جزاك الله خيراً وشكراً لحضرتك ممكن أعرف شو الفرق بين إني أعمل component أساسية بعدين أعمل منها نسخة تانية يعني من ال component الاساسية طلع variants وبين اني اعمل component اتنين بعدها حددهم واكبس على زر combine as variants أنا جربت طلعت نفس النتيجة ونفس الإسم بس الفرق انو وحدة جنب اسمها في كلمة component ووحدة لاء

[@Besan_n]

شكراً على الشرح بس عملت الخطوات وما طلعتلي خانة الvarious

[@farahmorsi9996]

ايه دور ال variants لو انا بقدر اعدل عال child component لوحدها عادي

[@ehabfayez]

دورها انه حضرتك تستخدميها ل states مختلفه من الكومبوننت الرئيسي ولما تعدلي الموضوع يكون سهل جدا مش محتاج تعدلي ف كل التشايلد الي عملتيهم قبل كده

[@yjnabhan]

الظاهر في التحديث الاخير رمز الكوموبننت اختفى ما بظهر ... وهي علامة الماسة

[@hudatarek4191]

لما بتيجي تعمل variant وبعدين تعدل ف الobjects اللي موجودة سواء ف لون الbackground او لون الtext نفسه بيغير ف مساحة ال nav bar نفسه ايه حل الموضوع ده لان احنا اكيد مش عايزين اي تغير ف المساحات؟

[@ehabfayez]

الحل بسيط وهوا انه في الفاريانت دايما تخلي المساحه الي التعديل ممكن ياخدها في كل الفاريانت في اول واحده وتاني واحده وهكذا وساعتها كل المسافات والاحجام هتكون متناسقة في الناف بار مثلا

[@hudatarek4191]

@@ehabfayez شكرا جدا

[@user-dh8ny4qc6h]

من الدقيقه 9:13 في تحديث فيجما الجديد مش بيظهر الاسهم لحتى ابدل من brows الى homeو هكذا 🥲 كيف اعملها

[@mohamednusr413]

مكان ما عدلت الاسم هتلاقي ثلاث نقاط هما دول

[@bakarmagdii1770]

انا فى سؤال جه فى بالى مش عارف اذا كان ساذج ولا لأ... ايه الفرق بين ال Variants و بين انى اخد كوبى عادى من الحاجة اللى عايز اكررها بما انى كده كده هغير فيها

[@sayedmohamed2420]

نفس السؤال اللي جه ف بالي، عرفت جواب يا بكار؟

[@mohamednazmy5383]

اما باجي اعمل components مش بتظر الVariants ايه الحل ؟؟؟؟

[@ehabfayez]

اختار الكومبوننت وبعدها كليك يمين وبعدها اختار Main Component ومن هناك اضغط علي كلمه Add variant او برضه عن طريق الواجهه الي علي الناحيه اليمين من عند كلمه Property دوس عليها وبعدها اختار Variant