كورس فيجما بالعربي للمبتدئين | الجزء الأول | Figma Crash Course 2022
ฝัง
- เผยแพร่เมื่อ 5 ส.ค. 2024
- كورس فيجما للمبتدئين بالتحديثات الجديدة 2022 | الجزء الأول 🎨🚀
تعلم مجال تصميم تجربة المستخدم وصمم المواقع والتطبيقات باحترافية باستخدام برنامج فيجما 🎨🚀
جميع الاختصارات المذكورة في الفيديو متاحة من خلال زر ال Subtitles 👆
فاتأكد انك مشغلها من خلال الضغط علي زر ال CC اللي جنب اعدادات الفيديو ⚙
اكبر دعم ممكن تقدمهولي هو انك تشترك في القناة وتعمل لايك وشير للفيديو عشان يوصل لناس اكتر 🥰❤️
لينك ملف التصميم : www.figma.com/community/file/...
لو عندك اي سؤال او استفسار او لو حابب اتكلم في موضوع معين اكتبلي تحت في الكومنتات وان شاء الله ارد عليك في اقرب وقت ممكن
شاهد ايضاً علي القناة 📽️
تعلم مجال تصميم المواقع والتطبيقات في 5 خطوات 🚀🔥
• تعلم مجال تصميم المواق...
كورس فيجما بالعربي للمبتدئين | الجزء الثاني 🎨📱
• كورس فيجما بالعربي للم...
اسرار اختيار وتنسيق الألوان باحترافية في تصميم التطبيقات والمواقع 🎨🧠
• اسرار اختيار وتنسيق ال...
شرح تفصيلي وعملي لميزة ال Auto layout في فيجما 🤔
• شرح تفصيلي وعملي لميزة...
ومتنساش تشوف كورس فيجما من البداية للاحتراف من اللينك ده:
bit.ly/3yn3bcm
Chapters:
00:00 المقدمة ✨
01:06 واجهة فيجما ومميزاتة
08:24 تصميم الشاشة الأولي ✨
59:40 عمل ستايل للألوان والخطوط ✨
01:15:50 تصميم الصفحة الثانية ✨
01:33:04 البروتوتايب ✨
01:47:05 مشاركة ملف التصميم ✨
01:51:28 تحديثات فيجما الجديدة ✨
01:56:48 تسليم المشروع للمطوريين ✨
02:03:24 تعليق مهم ✨
🔗My Links
Website: uix-studio.com/
My Figma Course: bit.ly/3yn3bcm
Portfolio: dribbble.com/Anas-Rafaat
LinkedIn: / anas-rafaat
FB Community: / uixcommunity
Facebook: / anas.rafaat.elbassousi
#كورس_تعلم_فيجما #تعلم مجال_تصميم_تجربة_المستخدم #Learn_Figma #figma_tutorial
جميع الاختصارات المذكورة في الفيديو متاحة من خلال زر ال Subtitles 👆
فاتأكد انك مشغلها من خلال الضغط علي زر ال CC اللي جنب اعدادات الفيديو⚙
ماشاءالله على حضرتك كل الشكر والتقدير الله يجعله في موازين حسناتك الشرح واضح جدا لاي حد مبتدأ
استفدت جدا ي بشمهندس خصوصا انه كنت بتلغبط جدا في autolayout جضرتك شرحته ببساطه استمر ربنا يوفقك 🤍🤍🤍
ماشاء الله. شرح مميز ومعلومات مفيد ، جزاك الله كل خير 👍
ماشاء الله شرحك جميل جداً، وباين انك فاهم بتشرح ايه 👏
جزاك الله كل خير ❤
انا لسه ما شوفتش الكورس لكن من ضمن أهدافي ، تستحق الدعم والتشجيع ، من الواضح انه كورس مميز ومحتوي وشرح عالي جدا
كورس رائع صراحة 👍
شكرا لك على هذا المجهود 🌸🌸
متشكر جدا يا مستر انس ربنا يبارك في حضرتك ويزيدك علم ومعرفة استفدت منك جدا
شرح كتير تفاصيل بشكل مرتب ساعدني اكتر أفهم ترتيب خطوات التصميم اتمنى يكون في فيديوهات اكتر لانها بتساعد جدا في مرحلة البدايه شكرا جدا
شكرا لأنك بتقدم محتوى هاادف و استفدت كثير منك ، استمررررر👍
ماشاء الله شرح دقيق جدا... 💙 تستاهل تلحق للمليون متابع
لك كل الشكر و التقدير على هذا الكورس 🙏🏾 🤍
دخلتو و ما كنت اعرف شي في figma حرفيًا و خرجت منو عارفة اغلب الاساسيات اذا مو كلها
مرره جميل الشرح وواضح يعطيك العافيه 🧡
شكرا عى التعليق 2:03:34
انا كنت أفكر اشترك بس الحمدلله النصيحة في وقتها
الله يغفرلك ويدخلك الجنة بغير حساب
جزاك الله خير الجزاء و أحسنه و أوفاه.
أنا بدأت البرمجة بالفلاتر و كنت أريد الدخول في مجال تصميم التطبيقات.
مشترك جديد.
تحياتي إليك من الجزائر.
شرح ممتاز ربنا يكرمك يارب ويجازيك خيرا
ربنا يجازيك خير انا اتعلمت حاجات كتير من الكورس دة
شرحك تحفه وممتاز استمر ❤️❤️❤️❤️❤️❤️❤️❤️❤️❤️❤️
جزاك الله كل خير ❤
بارك الله فيك، في القمة
بارك الله فيك .. كفيت ووفيت
ماشاءالله مفيد جدا الله يعطيك العافية
ما شاء الله
جزاك الله خير
رابط التصميم اللي قلدناه في الكورس 👇🏻
dribbble.com/shots/17785231-Time-Management-App
ماشاء الله المصمه الي عجبك تصميمها انشهرت بسببك
كفو
يسلم دياااتك يارب
شرررح وافي جدا ومبسط
بس لو تكرمت تعمللنا تمارين تشرح فيها تقليد تصاميم كرمال نقلدن ونتمرن ع الادوات وشااكر جهودك ❤❤
جزاك الله خيرا 🧡
جزاك الله خير الجزاء
جزاك الله خيراً
بارك الله فيك وبجهدك. افضل شخص اهتم بادق التفاصيل.
بارك الله فيك 🌹
بالتوفيق إن شاء الله يا هندسه ☺️
شكرا كثيرا لك أخي أتمنى لك التوفيق والنجاح
تحية لك من المغرب ❤️
بالتوفيق جزاك الله خيرا
Extremely great. Thank you very much 👍👍👍👍👍👍
ماشاء الله على الشرح و التبسيط . انا بجد مبسوط ان لقيت محتوى زي كدا بالعربي انا بقالي تقريبا اكتر من سنتين في المجال بتعلم بالانجليزي. بس النهارده لما سمعت حضرتك حسيت بفرق كبير جدا في الفهم و ان الاسلوب جميل جدا جدا الله يكرمك و يرضى عليك
الله يبارك فيك
لينك ملف التصميم :
www.figma.com/community/file/1124867756404191801
الله ينور علييك 💙💙💙💙💙💙💙💙
شكرا جزيلا
شرح رائع
بارك الله فيك يا بشمهندس .. حقيقى مش عارف اشكر حضرتك ازاى ❤❤
جميل الشرح على مشروع ♥️♥️
ممتاز شرح تحفة ربنا ينفع بيك يا هنذسة استمررر
ربنا يبارك فيك يا حبيب
كورس مفيد جدا. شكراااااااا 💗🇩🇿
يعطيك العافيه استاد انس واشكرك على الشرح الدقيق لكن حبيت اسالك عن كورس خاص اون لاين لو موجود
ربنا يباركلك
شكرا جدا
بارك الله فيك ❤️❤️❤️
بارك الله فيك 🌹
احبك يا انس جزاك الله عنا كل الخير باذنه
أحبك الله الذي احببتنا فيه
في حطوة مهمة .. البشمندس و هو بيعمل سكرولنج.. عمل الـ Scrolling من ال Prototype علي الأسكرين كلها مش Auto layout ال فيها التسكات دي
سلام عليكم يا بش مهندس ممكن طلب لو ممكن تعمل لنا كورس من صفر عن تصميم لان شرحك مرة ممتاز فهمنا من شرحك كثير والله لو تكرمت يعني تعمل كرس من صفر ربي يجزاك خير ❤️.
ربنا يكرمك ويجعله في ميزان حسناتك اسلوبك وطريقة شرحك افضل من قنوات كبيرة والحمدلله اني ربنا هداني ليك بعد عناء بحث عن حد محترم زيك , ربنا يزيدك , كمل تستحق أكثر من ذلك والسوق محتاج فعلا
ما شاء الله عليك محترف ومبدع ومنظم بارك الله فيك 👌❤️
بارك الله فيك 🌹
@@anasrafaat
ل
جميل جداً ❤
استمر بجد انا اتعلمت منك كتير ♥️♥️♥️
بالنجاح والتوفيق ديما ❤❤
جميل جدا
جهد مُبارك إن شاء الله 🌟
بارك الله فيك يا فنان 🤍
Export icon عادة بيكون SVG نسبة لصغر المساحة والجودة العالية ويمكن تحولها بعد ذلك لـ Font face
بشمهندس
جزاك الله كل خير
بصراحه شرحك رائع
بس فى سؤال ضرورى
اا دلوقتى بعد ما صممت التصميم على figma عايز احول التصميم دا ال Xaml اعمل ايه
عشان ابدا اشغله على ال
.net maui ؟
انت شرحك جميل اوووي والله بس يا ريت تعمل فيديو بتشرح في الفرق بين ال fill container و hug والحجات دي لاني بتوة فان كل ولحده بتعمل ايه وامتي
شكرا جزيلا اخي الكريم، في فيديوهين علي القناة بتكلم فيهم عن الموضوع ده
th-cam.com/video/Y1CHg3KVQoc/w-d-xo.html
شكرا لك ، ممكن اتعلم وصمم من موبايل؟
اهلا بحضرتك متحمس جدا للمتابعة معك
كيف الوضع هل استمريت ولا كيف ؟؟
الله يبارك لك علي المجهود الخرافي والله فقط استفسار لما خلضت الشاشة الاولي و عملت ليها نسخ و لصق الجزء العلوي فيه ايكون و الاسم و النتوتيفيكشن ماراحش معايا في النسخ ممكن مساعدة؟ شكرا
عندي سؤال لو سمحت هل ينفع اشتغل على ipade ولو مؤقت او حتى اتدرب مش لاب توب
هل يكون بديل للفوتوشوب والأستريتور ام لتصميم واجهات التطبيقات فقط اتمنى الإجابة ؟
ما شاء الله عليك يا هندسة لكن السؤال لي حضرتك عملت كل ستايل لحاله هيك بياخد مني وقت طويل جدا ممكن اعمل نسخ للستايل الي بدي إياه والصقه في مكان التصميم وهيك بوفر ع نفسي وقت
شرح ممناز الحقيقه بس كان عندى سؤال لو انا نزلت plugin على الديسك توب و ارجع افتح فيحما من الباوزر مش بلاقى ال plugin الىل نزلتها على الديسك توب ابلكيشن ليه؟
بارك الله فيك ..انا كيف فيني اشترك بكورس الفيغما من البداية حتى الاحتراف ..كيف فيني ادفع رسم الاشتراك من سوريا
يعطيك العافية شرح مفصل
لو سمحت عملت نفس الديزاين مع تغيير في الألوان كيف أنزله كشغل لي مع التحفظ انه الفكرة لشخص اخر
شكرا، يعطيكي العافية
ممكن تنزليه عادي وتكتبي انه تقليد لتصميم موجود بالفعل علي سبيل التدريب وتحطي رابط التصميم الأصلي
ويفضل انك بعد ما تتقربي علي تصميمات كتير تعملي تصميماتك الخاصه وتنشريها
السلام عليكم، هل فيه من دروس على أي موقع قوقل للمراجعة من فضلكم
جزاك الله خيرا علي المجهود 💛 لكن حسيت الشرح مختصر زيادة عن اللزوم ، كمان نقطة ان الاختصارات موجودة ف الكابشن مشوفتهاش غير لما خلصت 💔🤦♂️😅
معلش ده كان أول فيديو ينزل علي القناه فمكنتش افضل حاجه ❤
@@anasrafaat ولا يهمك حضرتك
ان شاء الله الي جاي احسن بكتير
اشرح سوا
منين اخرج اداة هاذة مش موجودة في الصفحة الرئيسية
اعمل حاده شبه كدا تاني يا بشمهندس
في سؤال بسيط عايز اعرفه
لو عايز أبين شغلي ع شاشة موبايل ع برنامج أعملها ازاي
❤❤❤❤
يابشمهندس
مش لاقى اى بلاجنز
من فيجما عشان احول التصميم اللى عملته لmaui xamal
لقيت فلاتر و ويب
انما مش لاقى ل زامرين او maui xaml?
ياريت اسم البلاجنز ؟
بارك الله فيك اخي الكريم. انا لسه ما طبقت شي ابدا اعتبر نفسي بدرس نظري حاليا بس عندي ملاحظة وسؤال اكيد شرحك ممتاز وحلو بس نقطه صغيرة انتا كاتب العنوان للمبتدئين. ولكن فعليا انتا عمال تخاطبنا كناس عندنا شوية خبره مش خبيرين يعني لسه بامكانك تسهل علينا.
سؤال اخر سمعتك بتقول نصمم لل12 pro فمستغوب قصدك ايه؟ تصميم التطبيق لهاتف معين؟
اخر حاجة اعتقد ولسه ما دخلت الموقع والله بس عندي امل انه حاليا اكيد صار اسهل كونه الفيديو قديم.
اخيرا ودائما بارك الله فيك الله يعطيك الصحة والعافية بس قلي عندك درس لكيف انشاء تطبيق مثل اوبر وكريم مع اختلاف بسيط؟. يا ريت يكون عندك كورس خاص منك لانه شرحك كريم وطيب وجميل بارك الله فيك..
ده لو انا بنفذ تصميم امامي
لكن لو انا هعمل التصميم من البداية ازاي نفكر ونبدأ التنفيذ
سلام عليكم انا دلوقتي مش معايا فيجما المدفوع ف الفونت والبلاجنز مش بتيجي و community ف عايزين طريقة نفتح بيها فيجما من غير ما ندفع
بعد إزنك أستاذ أنس في عندك حساب بقدر أتواصل معك عليه ؟؟
كيف احفظ العمل و ارسله لشخص اخر ليكمل العمل
يوفر لك استخدامات مثل فوتشوب
سوئال الشرح هدا على تطبيق فيجما ولا موقع لئنه فتحت تطبيق لقيته مختلف كتير على شرح فا اني هون مافهمت شي
عندي سؤال لك اخي ، قمت بإنشاء موقع باستعمال لغات البرمجة ، الان اريد ان احصل على التصميم بناء على الكود الذي انشأته ، هل هذا ممكن؟
ممكن تنزللنا الصورة يلي عم نشتغل عليها لنقدر نطبقها كبداية للاستفادة ...مشكور 🌷
الصورة هتلاقيها في ملف التصميم اللي بالوصف
بعد ازنك استاز أنس في مشكلة بالجزء 16:48 مابيظهرلي instale عم يظهرلي try it uot !!!؟؟؟
لو سمحت
Fixed position when scrolling
مش موجوده عندي في ال constraints
مكانه اتغير بقي في خانه البروتوتايب
ما عم يطلع الcommunity
ماهي متطلبات الكورس
حضرتك مشكور علي مجهودك لكن في اجزاء مهمة في الفيديو حضرتك قاصصها
من فضلك ال search bar دي اتفتحت ازاي؟
لو سمحت انا عملت Resizing fixed width لكل العناصر و بعدين constrains left and right كلو تمام و تكبر بس اشارة الplus ما تحركت مع باقي العناصر مع اني حددتا و عملتا نفس الخطوات السابقة
ال plus خليها absolute position وخليها تبقي centered في الفريم هتتظبط معاكي
بارك الله فيك
ما شاء الله كمية معلومات رهيبه, بس ليه لما عملت الخطوات وباجي اكبر الاسكرين مش بتتعمل زي الفيديو؟
شكرا جزيلا، لو قصدك في الريسبونسيف، اتأكدي ان كل العناصر جوا الشاشة معمولة fixed width
ومعموله left and right في ال constraints
@@anasrafaat
ممكن حضرتك تتكلم ازاي نسلم المشروع للديفولبر وخاصتا مشاريع التخرج اللي فيها AI
اولاً شكراً الك على الكورس المفيد جداً.
ثانياً، في نقطة مهمة يمكن نسيت حضرتك تحكيها والي هي انو اوكي منستمل الautolayout عشان التجاوب بين الشاشات لكن مثلا في واجهات التابلت او الديسكتوب مش لازم نكبر الفونت، هاد الشي ما بعملو الautolayout ف هيك رجعنا لنقطة الصفر ورجع نصمم من جديد!؟
يا ريت لو انا فاهم غلط توضحلي حضرتك🙏
كيف اعمل ال كاد لين
السلام عليكم اخي، ما معنى canvas
لو سمحت انا مش عارف استعمل القلم اعمل بيه الخط الصغير دا خالص مش راضيه تظبط معايا خالص
السلام عليكم .
لو سمحت انا عندي
Fixed position when scrolling
مش موجوده في ال constraints مش عارف المشكلة فين
ومش عندي بردوا
فى حاجه لحد دايما ملغبطه الشغل معايا وهى Fill و hug و Fixed
ممكن تشرح طريقة عملهم فى فيديوا منفصل
حاضر هشرحهم في فيديو منفصل بالتفصيل
@@anasrafaat شكرا جدا ❤
@@3laamustafa شوف الفيديو ده
th-cam.com/video/Y1CHg3KVQoc/w-d-xo.html
ياخي ماهو السرش كت 15:48
انا بقالى كذا يوم بطبق ف التصميم ده وتعبت حاجات كتير مش واضحة ومبهمة وأوامر كتير مببقاش عارفه عمل ايه علشان يجبها
دعواتكم اخلصه على خير 😢
ليه لما بعمل Auto layout لكذا عنصر مبلاقيش في الاختيارات fill container بلاقي hug فقط
اتأكد أن عامل العناصر دي fixed عشان يظهرلك اوبشن ال fill container