كورس فيجما بالعربي للمبتدئين | الجزء الأول | Figma Crash Course 2022
Vložit
- čas přidán 8. 07. 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
ماشاء الله. شرح مميز ومعلومات مفيد ، جزاك الله كل خير 👍
ماشاء الله شرحك جميل جداً، وباين انك فاهم بتشرح ايه 👏
جزاك الله كل خير ❤
استفدت جدا ي بشمهندس خصوصا انه كنت بتلغبط جدا في autolayout جضرتك شرحته ببساطه استمر ربنا يوفقك 🤍🤍🤍
كورس رائع صراحة 👍
شكرا لك على هذا المجهود 🌸🌸
ماشاءالله على حضرتك كل الشكر والتقدير الله يجعله في موازين حسناتك الشرح واضح جدا لاي حد مبتدأ
شكرا لأنك بتقدم محتوى هاادف و استفدت كثير منك ، استمررررر👍
ماشاء الله شرح دقيق جدا... 💙 تستاهل تلحق للمليون متابع
متشكر جدا يا مستر انس ربنا يبارك في حضرتك ويزيدك علم ومعرفة استفدت منك جدا
جزاك الله كل خير ❤
مرره جميل الشرح وواضح يعطيك العافيه 🧡
جميع الاختصارات المذكورة في الفيديو متاحة من خلال زر ال Subtitles 👆
فاتأكد انك مشغلها من خلال الضغط علي زر ال CC اللي جنب اعدادات الفيديو⚙
شرحك تحفه وممتاز استمر ❤️❤️❤️❤️❤️❤️❤️❤️❤️❤️❤️
شرح كتير تفاصيل بشكل مرتب ساعدني اكتر أفهم ترتيب خطوات التصميم اتمنى يكون في فيديوهات اكتر لانها بتساعد جدا في مرحلة البدايه شكرا جدا
انا لسه ما شوفتش الكورس لكن من ضمن أهدافي ، تستحق الدعم والتشجيع ، من الواضح انه كورس مميز ومحتوي وشرح عالي جدا
بارك الله فيك، في القمة
ما شاء الله
جزاك الله خير
بارك الله فيك .. كفيت ووفيت
جزاك الله خيرا 🧡
ماشاءالله مفيد جدا الله يعطيك العافية
لك كل الشكر و التقدير على هذا الكورس 🙏🏾 🤍
دخلتو و ما كنت اعرف شي في figma حرفيًا و خرجت منو عارفة اغلب الاساسيات اذا مو كلها
Extremely great. Thank you very much 👍👍👍👍👍👍
شرح ممتاز ربنا يكرمك يارب ويجازيك خيرا
ربنا يجازيك خير انا اتعلمت حاجات كتير من الكورس دة
الله يبارك فيك
جزاك الله خير الجزاء
بالتوفيق إن شاء الله يا هندسه ☺️
جزاك الله خيراً
ماشاء الله المصمه الي عجبك تصميمها انشهرت بسببك
كفو
جزاك الله خير الجزاء و أحسنه و أوفاه.
أنا بدأت البرمجة بالفلاتر و كنت أريد الدخول في مجال تصميم التطبيقات.
مشترك جديد.
تحياتي إليك من الجزائر.
شكرا كثيرا لك أخي أتمنى لك التوفيق والنجاح
تحية لك من المغرب ❤️
بالتوفيق جزاك الله خيرا
بارك الله فيك وبجهدك. افضل شخص اهتم بادق التفاصيل.
بارك الله فيك 🌹
الله ينور علييك 💙💙💙💙💙💙💙💙
شكرا عى التعليق 2:03:34
انا كنت أفكر اشترك بس الحمدلله النصيحة في وقتها
الله يغفرلك ويدخلك الجنة بغير حساب
شكرا جزيلا
شرح رائع
يسلم دياااتك يارب
شرررح وافي جدا ومبسط
بس لو تكرمت تعمللنا تمارين تشرح فيها تقليد تصاميم كرمال نقلدن ونتمرن ع الادوات وشااكر جهودك ❤❤
جميل الشرح على مشروع ♥️♥️
ممتاز شرح تحفة ربنا ينفع بيك يا هنذسة استمررر
ربنا يبارك فيك يا حبيب
شكرا جدا
جميل جداً ❤
جميل جدا
بارك الله فيك يا بشمهندس .. حقيقى مش عارف اشكر حضرتك ازاى ❤❤
احبك يا انس جزاك الله عنا كل الخير باذنه
أحبك الله الذي احببتنا فيه
بارك الله فيك ❤️❤️❤️
بارك الله فيك 🌹
ربنا يباركلك
ماشاء الله على الشرح و التبسيط . انا بجد مبسوط ان لقيت محتوى زي كدا بالعربي انا بقالي تقريبا اكتر من سنتين في المجال بتعلم بالانجليزي. بس النهارده لما سمعت حضرتك حسيت بفرق كبير جدا في الفهم و ان الاسلوب جميل جدا جدا الله يكرمك و يرضى عليك
كورس مفيد جدا. شكراااااااا 💗🇩🇿
ما شاء الله عليك محترف ومبدع ومنظم بارك الله فيك 👌❤️
بارك الله فيك 🌹
@@anasrafaat
ل
استمر بجد انا اتعلمت منك كتير ♥️♥️♥️
بالنجاح والتوفيق ديما ❤❤
جهد مُبارك إن شاء الله 🌟
بارك الله فيك يا فنان 🤍
رابط التصميم اللي قلدناه في الكورس 👇🏻
dribbble.com/shots/17785231-Time-Management-App
سلام عليكم يا بش مهندس ممكن طلب لو ممكن تعمل لنا كورس من صفر عن تصميم لان شرحك مرة ممتاز فهمنا من شرحك كثير والله لو تكرمت يعني تعمل كرس من صفر ربي يجزاك خير ❤️.
يعطيك العافيه استاد انس واشكرك على الشرح الدقيق لكن حبيت اسالك عن كورس خاص اون لاين لو موجود
في حطوة مهمة .. البشمندس و هو بيعمل سكرولنج.. عمل الـ Scrolling من ال Prototype علي الأسكرين كلها مش Auto layout ال فيها التسكات دي
لينك ملف التصميم :
www.figma.com/community/file/1124867756404191801
ربنا يكرمك ويجعله في ميزان حسناتك اسلوبك وطريقة شرحك افضل من قنوات كبيرة والحمدلله اني ربنا هداني ليك بعد عناء بحث عن حد محترم زيك , ربنا يزيدك , كمل تستحق أكثر من ذلك والسوق محتاج فعلا
Export icon عادة بيكون SVG نسبة لصغر المساحة والجودة العالية ويمكن تحولها بعد ذلك لـ Font face
بشمهندس
جزاك الله كل خير
بصراحه شرحك رائع
بس فى سؤال ضرورى
اا دلوقتى بعد ما صممت التصميم على figma عايز احول التصميم دا ال Xaml اعمل ايه
عشان ابدا اشغله على ال
.net maui ؟
اهلا بحضرتك متحمس جدا للمتابعة معك
كيف الوضع هل استمريت ولا كيف ؟؟
عندي سؤال لو سمحت هل ينفع اشتغل على ipade ولو مؤقت او حتى اتدرب مش لاب توب
انت شرحك جميل اوووي والله بس يا ريت تعمل فيديو بتشرح في الفرق بين ال fill container و hug والحجات دي لاني بتوة فان كل ولحده بتعمل ايه وامتي
شكرا جزيلا اخي الكريم، في فيديوهين علي القناة بتكلم فيهم عن الموضوع ده
czcams.com/video/Y1CHg3KVQoc/video.html
هل يكون بديل للفوتوشوب والأستريتور ام لتصميم واجهات التطبيقات فقط اتمنى الإجابة ؟
❤❤❤❤
ما شاء الله عليك يا هندسة لكن السؤال لي حضرتك عملت كل ستايل لحاله هيك بياخد مني وقت طويل جدا ممكن اعمل نسخ للستايل الي بدي إياه والصقه في مكان التصميم وهيك بوفر ع نفسي وقت
الله يبارك لك علي المجهود الخرافي والله فقط استفسار لما خلضت الشاشة الاولي و عملت ليها نسخ و لصق الجزء العلوي فيه ايكون و الاسم و النتوتيفيكشن ماراحش معايا في النسخ ممكن مساعدة؟ شكرا
ما عم يطلع الcommunity
يابشمهندس
مش لاقى اى بلاجنز
من فيجما عشان احول التصميم اللى عملته لmaui xamal
لقيت فلاتر و ويب
انما مش لاقى ل زامرين او maui xaml?
ياريت اسم البلاجنز ؟
شرح ممناز الحقيقه بس كان عندى سؤال لو انا نزلت plugin على الديسك توب و ارجع افتح فيحما من الباوزر مش بلاقى ال plugin الىل نزلتها على الديسك توب ابلكيشن ليه؟
بارك الله فيك ..انا كيف فيني اشترك بكورس الفيغما من البداية حتى الاحتراف ..كيف فيني ادفع رسم الاشتراك من سوريا
شكرا لك ، ممكن اتعلم وصمم من موبايل؟
يعطيك العافية شرح مفصل
لو سمحت عملت نفس الديزاين مع تغيير في الألوان كيف أنزله كشغل لي مع التحفظ انه الفكرة لشخص اخر
شكرا، يعطيكي العافية
ممكن تنزليه عادي وتكتبي انه تقليد لتصميم موجود بالفعل علي سبيل التدريب وتحطي رابط التصميم الأصلي
ويفضل انك بعد ما تتقربي علي تصميمات كتير تعملي تصميماتك الخاصه وتنشريها
اعمل حاده شبه كدا تاني يا بشمهندس
جزاك الله خيرا علي المجهود 💛 لكن حسيت الشرح مختصر زيادة عن اللزوم ، كمان نقطة ان الاختصارات موجودة ف الكابشن مشوفتهاش غير لما خلصت 💔🤦♂️😅
معلش ده كان أول فيديو ينزل علي القناه فمكنتش افضل حاجه ❤
@@anasrafaat ولا يهمك حضرتك
ان شاء الله الي جاي احسن بكتير
بارك الله فيك اخي الكريم. انا لسه ما طبقت شي ابدا اعتبر نفسي بدرس نظري حاليا بس عندي ملاحظة وسؤال اكيد شرحك ممتاز وحلو بس نقطه صغيرة انتا كاتب العنوان للمبتدئين. ولكن فعليا انتا عمال تخاطبنا كناس عندنا شوية خبره مش خبيرين يعني لسه بامكانك تسهل علينا.
سؤال اخر سمعتك بتقول نصمم لل12 pro فمستغوب قصدك ايه؟ تصميم التطبيق لهاتف معين؟
اخر حاجة اعتقد ولسه ما دخلت الموقع والله بس عندي امل انه حاليا اكيد صار اسهل كونه الفيديو قديم.
اخيرا ودائما بارك الله فيك الله يعطيك الصحة والعافية بس قلي عندك درس لكيف انشاء تطبيق مثل اوبر وكريم مع اختلاف بسيط؟. يا ريت يكون عندك كورس خاص منك لانه شرحك كريم وطيب وجميل بارك الله فيك..
سوئال الشرح هدا على تطبيق فيجما ولا موقع لئنه فتحت تطبيق لقيته مختلف كتير على شرح فا اني هون مافهمت شي
في سؤال بسيط عايز اعرفه
لو عايز أبين شغلي ع شاشة موبايل ع برنامج أعملها ازاي
لو سمحت
Fixed position when scrolling
مش موجوده عندي في ال constraints
مكانه اتغير بقي في خانه البروتوتايب
لو سمحت انا عملت Resizing fixed width لكل العناصر و بعدين constrains left and right كلو تمام و تكبر بس اشارة الplus ما تحركت مع باقي العناصر مع اني حددتا و عملتا نفس الخطوات السابقة
ال plus خليها absolute position وخليها تبقي centered في الفريم هتتظبط معاكي
بارك الله فيك
سلام عليكم انا دلوقتي مش معايا فيجما المدفوع ف الفونت والبلاجنز مش بتيجي و community ف عايزين طريقة نفتح بيها فيجما من غير ما ندفع
السلام عليكم، هل فيه من دروس على أي موقع قوقل للمراجعة من فضلكم
ده لو انا بنفذ تصميم امامي
لكن لو انا هعمل التصميم من البداية ازاي نفكر ونبدأ التنفيذ
اولاً شكراً الك على الكورس المفيد جداً.
ثانياً، في نقطة مهمة يمكن نسيت حضرتك تحكيها والي هي انو اوكي منستمل الautolayout عشان التجاوب بين الشاشات لكن مثلا في واجهات التابلت او الديسكتوب مش لازم نكبر الفونت، هاد الشي ما بعملو الautolayout ف هيك رجعنا لنقطة الصفر ورجع نصمم من جديد!؟
يا ريت لو انا فاهم غلط توضحلي حضرتك🙏
عندي سؤال لك اخي ، قمت بإنشاء موقع باستعمال لغات البرمجة ، الان اريد ان احصل على التصميم بناء على الكود الذي انشأته ، هل هذا ممكن؟
انا بقالى كذا يوم بطبق ف التصميم ده وتعبت حاجات كتير مش واضحة ومبهمة وأوامر كتير مببقاش عارفه عمل ايه علشان يجبها
دعواتكم اخلصه على خير 😢
كيف احفظ العمل و ارسله لشخص اخر ليكمل العمل
ليه لما بعمل Auto layout لكذا عنصر مبلاقيش في الاختيارات fill container بلاقي hug فقط
اتأكد أن عامل العناصر دي fixed عشان يظهرلك اوبشن ال fill container
حضرتك مشكور علي مجهودك لكن في اجزاء مهمة في الفيديو حضرتك قاصصها
السلام عليكم .
لو سمحت انا عندي
Fixed position when scrolling
مش موجوده في ال constraints مش عارف المشكلة فين
ومش عندي بردوا
ممكن تنزللنا الصورة يلي عم نشتغل عليها لنقدر نطبقها كبداية للاستفادة ...مشكور 🌷
الصورة هتلاقيها في ملف التصميم اللي بالوصف
بعد ازنك استاز أنس في مشكلة بالجزء 16:48 مابيظهرلي instale عم يظهرلي try it uot !!!؟؟؟
لو سمحت انا مش عارف استعمل القلم اعمل بيه الخط الصغير دا خالص مش راضيه تظبط معايا خالص
كيف اعمل ال كاد لين
يوفر لك استخدامات مثل فوتشوب
السلام عليكم
عندي سؤال وبتمنى اشد التمني انك تجاوبني
انا عم اتعلم ال front end development +عم اكتسب معلومات عن ui/ux ولقيت احد البرامج التصميمية يلي بتتقدم بشكل مجاني هي figma فيني صير designer عن طريق النسخة المجانية ولا لازم ادفع كالمعتاد بتمنى تجاوبني؟
وعليكم السلام ورحمة الله وبركاته
غالبا مش هتحتاج المزايا اللي في النسخه المدفوعة في الأول، بالإضافة الي انك لو طالب او معاك ايميل طالب تقدر تاخد النسخه المدفوعه من فيجما مجانا
وبالتوفيق
@@anasrafaat الله يجزيك الخير يارب ❤️
بعد إزنك أستاذ أنس في عندك حساب بقدر أتواصل معك عليه ؟؟
السلام عليكم.. عندي سؤال لما أعمل دبلكيت باستخدام ال ctrl D ينسخها فوق بعض بالرغم من تحديد الأفقي أو العمودي يعني النتيجة مو نفس الطريقة الللي بتزبط معاك، ايه السبب؟
ياريت تحددي الوقت اللي بتسألي عنه في الفيديو
ما شاء الله كمية معلومات رهيبه, بس ليه لما عملت الخطوات وباجي اكبر الاسكرين مش بتتعمل زي الفيديو؟
شكرا جزيلا، لو قصدك في الريسبونسيف، اتأكدي ان كل العناصر جوا الشاشة معمولة fixed width
ومعموله left and right في ال constraints
@@anasrafaat
ممكن حضرتك تتكلم ازاي نسلم المشروع للديفولبر وخاصتا مشاريع التخرج اللي فيها AI
ماهي متطلبات الكورس
في هذا الدرس على عمل للبرو فيغما
فى حاجه لحد دايما ملغبطه الشغل معايا وهى Fill و hug و Fixed
ممكن تشرح طريقة عملهم فى فيديوا منفصل
حاضر هشرحهم في فيديو منفصل بالتفصيل
@@anasrafaat شكرا جدا ❤
@@3laamustafa شوف الفيديو ده
czcams.com/video/Y1CHg3KVQoc/video.html
السلام عليكم اخي، ما معنى canvas