كيفية تحديث Figma إلى UI3

تعلّم كيفية الانتقال إلى واجهة UI3 الجديدة في Figma مع هذا الدليل السهل. احصل على تجربة التصميم المحدّثة ببضع نقرات فقط.

أنشئ فيديوهات ووثائق منتجات مذهلة باستخدام الذكاء الاصطناعي

تم إنشاء هذا البرنامج التعليمي باستخدام Trupeer في أقل من 5 دقائق

أنشئ مجانًا

في هذا الدليل، ستتعلم كيفية تفعيل ميزة UI 3 في Figma. تتضمن هذه العملية التنقل عبر واجهة Figma للوصول إلى وظيفة واجهة المستخدم الجديدة وتفعيلها.
اتبع الخطوات أدناه لتحسين تجربة المستخدم لديك من خلال اعتماد أحدث ميزات واجهة المستخدم المتاحة في Figma.

لتحديث Figma إلى UI3 الجديدة، افتح ملف التصميم وانقر على أيقونة "؟" (المساعدة) في الزاوية السفلية اليمنى. ثم اختر "استخدام واجهة المستخدم الجديدة (قيد الإصدار التجريبي)" للتبديل إلى الواجهة المعاد تصميمها. يمكنك أيضًا الوصول إلى هذا الخيار من متصفح الملفات عبر ملف > عرض > استخدام واجهة المستخدم الجديدة.

تعليمات خطوة بخطوة:

1. افتح Figma:
شغّل Figma وافتح أي ملف تصميم.

2. الوصول إلى قائمة المساعدة:
انقر على أيقونة المساعدة "؟" الموجودة في أسفل يمين النافذة.

3. فعّل واجهة المستخدم الجديدة:
من القائمة، اختر "استخدام واجهة المستخدم الجديدة (قيد الإصدار التجريبي)". سيُعاد تحميل Figma وسيتحول إلى الواجهة المحدّثة.

4. (اختياري) العودة إلى الواجهة القديمة:
إذا لزم الأمر، يمكنك الرجوع بالنقر على أيقونة "؟" مرة أخرى واختيار "العودة إلى واجهة المستخدم السابقة."

دليل خطوة بخطوة: كيفية تحديث Figma إلى UI3

الخطوة 1

لتفعيل واجهة المستخدم في Figma، انتقل أولًا إلى أيقونة المساعدة الموجودة في الزاوية اليمنى السفلية من الواجهة. انقر عليها، وستظهر قائمة.

To enable the UI tree in Figma, first navigate to the help icon located at the lower right corner of the interface. Click on it, and a menu will appear.

الخطوة 2

في هذه القائمة، ابحث عن "استخدام واجهة المستخدم الجديدة في الإصدار التجريبي" وانقر عليها.

بمجرد أن تنقر على "استخدام واجهة المستخدم الجديدة في الإصدار التجريبي"، ستتحدّث واجهة المستخدم لديك إلى أحدث إصدار، والذي يتضمن تحسينات واجهة المستخدم الجديدة.

In this menu, find and click on "Use new UI in beta."  Once you have clicked on "Use new UI in beta," your user interface will update to the latest version, which includes the new UI enhancements.

نصائح احترافية للحصول على UI 3 في Figma

  1. نزّل حِزم واجهة المستخدم من مجتمع Figma:
    ابحث عن UI 3 في مجتمع Figma للعثور على حِزم واجهة مستخدم وقوالب جاهزة. يمكنك العثور على مجموعة متنوعة من حِزم واجهة المستخدم المصممة لتناسب احتياجاتك التصميمية.

  2. استخدم حِزم واجهة المستخدم الخاصة بـ Figma:
    يوفّر Figma عدة حِزم واجهة مستخدم مدمجة (مثل Material UI أو iOS UI). إذا كان "UI 3" يشير إلى إصدار أو سمة محددة، فيمكنك البحث عن ذلك الإصدار في قسم المجتمع في Figma أو العثور على حِزم مشابهة.

  3. ثبّت حزمة واجهة المستخدم:
    بمجرد أن تعثر على حزمة UI 3 في مجتمع Figma أو من مصدر آخر، انقر على Duplicate لإضافتها إلى مساحة عمل Figma الخاصة بك. بعد النسخ، يمكنك استخدام عناصر واجهة المستخدم وتعديلها في مشروعك الخاص.

  4. خصّص حزمة UI 3:
    خصّص الحزمة من خلال ضبط المكوّنات والألوان والخطوط الطباعية والمسافات لتناسب علامتك التجارية أو تفضيلاتك التصميمية.

  5. تحقّق من التحديثات:
    غالبًا ما يتم تحديث حِزم واجهة المستخدم من قبل المجتمع أو المنشئين. راقب التحديثات للتأكد من حصولك على أحدث الميزات والعناصر.

الأخطاء الشائعة وكيفية تجنبها عند الحصول على UI 3 في Figma

  1. اختيار الإصدار الخاطئ من حزمة واجهة المستخدم:
    الحل: تحقّق مرة أخرى من أن إصدار الحزمة يطابق متطلبات التصميم لديك، خصوصًا إذا كان "UI 3" مرتبطًا بإصدار برمجي محدد مثل Android 3 أو Material 3.

  2. إرباك مساحة العمل الخاصة بك:
    الحل: حافظ على تنظيم مساحة عمل Figma الخاصة بك. إذا كنت تستخدم عدة حِزم واجهة مستخدم، فضعها في صفحات أو مجلدات منفصلة لتجنب ازدحام ملفات التصميم.

  3. عدم تخصيص حزمة واجهة المستخدم:
    الحل: لا تكتفِ باستخدام الحزمة كما هي. خصّصها لتناسب علامتك التجارية ومتطلبات المستخدمين حتى يبرز تصميمك ويتجنب أن يبدو نمطيًا.

  4. نسيان تحسينها لمقاسات الشاشات المختلفة:
    الحل: غالبًا ما تُبنى حِزم واجهة المستخدم لمقاسات شاشات محددة. تأكد من تكييف مكوّنات الحزمة لتعمل على أجهزة ودقات مختلفة.

الأسئلة الشائعة حول الحصول على UI 3 في Figma

  1. ما هو UI 3 في Figma؟
    "UI 3" قد يشير إلى حزمة واجهة مستخدم أو سمة أو إصدار من نظام تصميم أو إطار عمل معيّن. من المهم التحقق مما يشير إليه "UI 3" في سياقك.

  2. كيف يمكنني العثور على UI 3 في مجتمع Figma؟
    استخدم شريط البحث في مجتمع Figma للعثور على حزم UI 3 أو السمات أو القوالب التي تناسب احتياجاتك التصميمية.

  3. هل يمكنني تعديل حزمة UI 3 بعد تنزيلها؟
    نعم، بمجرد أن تنسخ حزمة UI 3 إلى مساحة العمل الخاصة بك، يمكنك تعديل المكوّنات والألوان والطباعة وعناصر أخرى بحرية.

  4. هل توجد حزمة واجهة مستخدم محددة لتطبيقات الجوال ضمن UI 3؟
    من المحتمل أن تكون هناك نسخ مخصصة للجوال من حزم UI 3. تأكد من البحث تحديدًا عن "UI 3 mobile kit" أو تحقّق من تفاصيل الحزمة لمعرفة مدى توافقها مع الجوال.

  5. هل يمكنني مشاركة تصاميمي المخصصة لـ UI 3 مع فريقي؟
    نعم، بمجرد تخصيص حزمة UI 3 الخاصة بك، يمكنك مشاركة ملف Figma مع أعضاء فريقك والتعاون في التصميم.

  6. كيف أسجل الشاشة على Mac؟ 
    لـ تسجيل الشاشة على Mac، يمكنك استخدام Trupeer AI. فهو يتيح لك التقاط الشاشة بالكامل ويوفر إمكانات ذكاء اصطناعي مثل إضافة صور رمزية للذكاء الاصطناعي، وإضافة تعليق صوتي، وإضافة تكبير وتصغير داخل الفيديو. ومع ميزة ترجمة الفيديو بالذكاء الاصطناعي من trupeer، يمكنك ترجمة الفيديو إلى أكثر من 30 لغة. 

  7. كيف أضيف صورة رمزية للذكاء الاصطناعي إلى تسجيل الشاشة؟
    لإضافة صورة رمزية للذكاء الاصطناعي إلى تسجيل شاشة، ستحتاج إلى استخدام أداة تسجيل شاشة بالذكاء الاصطناعي. Trupeer AI هي أداة تسجيل شاشة بالذكاء الاصطناعي تساعدك على إنشاء مقاطع فيديو باستخدام صور رمزية متعددة، كما تساعدك في إنشاء صورتك الرمزية الخاصة للفيديو.

  8. كيف أسجل الشاشة على Windows؟
    لتسجيل الشاشة على Windows، يمكنك استخدام Game Bar المدمج (Windows + G) أو أداة ذكاء اصطناعي متقدمة مثل Trupeer AI للحصول على ميزات أكثر تقدمًا مثل الصور الرمزية للذكاء الاصطناعي، والتعليق الصوتي، والترجمة، إلخ.

  9. كيف أضيف تعليقًا صوتيًا إلى الفيديو؟
    لإضافة تعليق صوتي إلى الفيديوهات، نزّل إضافة Chrome من trupeer ai. بعد التسجيل، ارفع الفيديو الخاص بك مع الصوت، واختر التعليق الصوتي المطلوب من trupeer ثم صدّر الفيديو المعدّل الخاص بك. 

  10. كيف أقوم بالتكبير في تسجيل الشاشة؟
    للتكبير أثناء تسجيل الشاشة، استخدم تأثيرات التكبير في Trupeer AI التي تتيح لك التكبير والتصغير في لحظات محددة، مما يعزز التأثير البصري لمحتوى الفيديو الخاص بك.

قراءات مقترحة

مولّد التوثيق التقني

دليل المستخدم

برنامج قاعدة المعرفة

كيفية إخفاء أسماء الإطارات في Figma

كيفية حفظ ملف Figma

كيفية إنشاء شبكة في Figma

كيفية التكبير في Figma باستخدام الشريط الجانبي

كيفية تمويه الخلفية في Figma

هل تحتاج إلى محرر فيديو، ومترجم، وكاتب سيناريو؟

جرّب Trupeer مجانًا

احجز عرضًا توضيحيًا

هل تحتاج إلى محرر فيديو، ومترجم، وكاتب سيناريو؟

جرّب Trupeer مجانًا

احجز عرضًا توضيحيًا

هل تحتاج إلى محرر فيديو، ومترجم، وكاتب سيناريو؟

جرّب Trupeer مجانًا

احجز عرضًا توضيحيًا