دروس

كيفية ربط الصفحات في فيغما

تعلم كيفية ربط الصفحات في Figma باستخدام ميزات النمذجة. تظهر لك هذه الدليل خطوة بخطوة كيفية إنشاء تنقل تفاعلي بين الإطارات أو الصفحات.

ربط إلى صفحة أخرى داخل Figma:

حدد العنصر: اختر الكائن (نص، شكل، إلخ) الذي تريد أن يعمل كرابط. 
افتح علامة التبويب Prototype: في الشريط الجانبي الأيمن، انتقل من علامة التبويب Design إلى علامة التبويب Prototype. 
أنشئ التفاعل: انقر واسحب العقدة الدائرية (مقبض التفاعل) من العنصر المحدد إلى الإطار المستهدف في الصفحة المطلوبة. 
قم بتكوين تفاصيل التفاعل: في مربع الإعدادات الصغيرة، عيّن تفاعل "عند النقر" إلى "الانتقال إلى" واختر الصفحة المستهدفة. 
اختبر الرابط الخاص بك: انقر على رمز "العرض" للدخول إلى وضع النموذج واختبار الرابط. 

دليل خطوة بخطوة: كيفية ربط الصفحات في Figma

الخطوة 1

من قائمة الجانب الأيسر، سترى خيار الصفحات. تحت ذلك، سترى اسم التصميم.

From the left side menu, you will see the Pages option. Under that, you will see the design name.

الخطوة 2

ثم اختر النص،

Then select the text,

الخطوة 3

من قائمة الجانب الأيمن، انقر على خيار الرابط.

From the right side menu, Click on the link option.

الخطوة 4

ثم أدخل النص أو الرابط.

Then enter the text or link.

الخطوة 5

بمجرد الانتهاء، اضغط على نموذج الشريط المحدد.

Once done, just tap on the particular slider template.

الخطوة 6

الآن سترى أن النص مرتبط.

Now you will see the text is linked.

نصائح احترافية لربط الصفحات في Figma

  1. افتح ملف التصميم الخاص بك
    ابدأ بفتح Figma وفتح الملف حيث ترغب في ربط الصفحات أو الإطارات للتنقل.

  2. إنشاء أو تحديد الإطارات الخاصة بك
    يجب أن يكون كل شاشة أو صفحة ترغب في ربطها داخل إطارها الخاص. تأكد من أن الإطارات تحمل أسماء واضحة لتسهيل الاختيار أثناء الربط.

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

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

  5. اسحب العقدة إلى الإطار المستهدف
    سترى عقدة دائرية على الحافة اليمنى من العنصر المحدد. اسحبها إلى الإطار الذي تريد الربط به. سيؤدي ذلك إلى إنشاء خط موصل.

المخاطر الشائعة وكيفية تجنبها

  1. سحب الرابط إلى طبقة خاطئة
    تأكد من أنك تربط بإطار، وليس مجموعة أو شكل. يمكن أن تكون الإطارات فقط بمثابة وجهات في النماذج الأولية.

  2. غير قادر على الربط بين الصفحات
    لا يدعم Figma الربط المباشر بين صفحات مختلفة. قم مؤقتًا بنقل الإطارات إلى نفس الصفحة، اربطها، ثم أعد وضعها إذا لزم الأمر.

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

  4. فقدان اتصالات النموذج في الصادرات
    لا تظهر روابط النموذج في تصديرات PDF أو الصور. استخدم وضع "العرض" في Figma أو شارك رابط مباشر للمعاينات التفاعلية.

  5. التغييرات غير عاكسة
    إذا كانت الروابط لا تعمل في وضع العرض، قم بتحديث علامة التبويب المعاينة أو تحقق مرة أخرى مما إذا كانت الإطارات قد تم فك ارتباطها عن طريق الخطأ.

أسئلة شائعة حول ربط الصفحات في Figma

  1. هل يمكنني ربط إطار واحد بآخر في Figma؟
    نعم، استخدم وضع النموذج لربط العناصر التفاعلية بالإطارات المستهدفة للتنقل السلس.

  2. كيف يمكنني الربط بين الصفحات المختلفة في Figma؟
    يجب عليك نقل إطار الوجهة إلى نفس الصفحة مؤقتًا، ربطه، ثم إعادته مرة أخرى.

  3. هل يمكنني إضافة انتقالات بين الصفحات المرتبطة؟
    نعم، عند الربط، اختر حركة مثل "الذوبان" أو "الرسوم المتحركة الذكية" أو "الدخول" لإنشاء انتقالات سلسة.

  4. كيف يمكنني معاينة الروابط؟
    انقر على زر "العرض" في الزاوية العليا اليمنى لعرض تصميمك التفاعلي واختبار جميع روابط التنقل.

  5. هل من الممكن الربط بعودة إلى إطار سابق؟
    نعم، انشئ تفاعلًا منفصلًا على عنصر مختلف واربطة إلى الإطار السابق باستخدام نفس أدوات النموذج.

  6. هل يعمل التسطير للنص داخل المكونات؟
    نعم، يعمل التسطير بنفس الطريقة داخل المكونات. فقط تأكد من أنك تقوم بتحرير طبقة النص الصحيحة.

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

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

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

  10. كيف أضيف تعليق صوتي إلى الفيديو؟
    لـ إضافة تعليق صوتي إلى مقاطع الفيديو، قم بتنزيل ملحق trupeer ai على متصفح كروم. بمجرد التسجيل، ارفع الفيديو الخاص بك مع الصوت، واختر التعليق الصوتي المطلوب من trupeer وصدّر الفيديو المعدل الخاص بك. 

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

ربط إلى صفحة أخرى داخل Figma:

حدد العنصر: اختر الكائن (نص، شكل، إلخ) الذي تريد أن يعمل كرابط. 
افتح علامة التبويب Prototype: في الشريط الجانبي الأيمن، انتقل من علامة التبويب Design إلى علامة التبويب Prototype. 
أنشئ التفاعل: انقر واسحب العقدة الدائرية (مقبض التفاعل) من العنصر المحدد إلى الإطار المستهدف في الصفحة المطلوبة. 
قم بتكوين تفاصيل التفاعل: في مربع الإعدادات الصغيرة، عيّن تفاعل "عند النقر" إلى "الانتقال إلى" واختر الصفحة المستهدفة. 
اختبر الرابط الخاص بك: انقر على رمز "العرض" للدخول إلى وضع النموذج واختبار الرابط. 

دليل خطوة بخطوة: كيفية ربط الصفحات في Figma

الخطوة 1

من قائمة الجانب الأيسر، سترى خيار الصفحات. تحت ذلك، سترى اسم التصميم.

From the left side menu, you will see the Pages option. Under that, you will see the design name.

الخطوة 2

ثم اختر النص،

Then select the text,

الخطوة 3

من قائمة الجانب الأيمن، انقر على خيار الرابط.

From the right side menu, Click on the link option.

الخطوة 4

ثم أدخل النص أو الرابط.

Then enter the text or link.

الخطوة 5

بمجرد الانتهاء، اضغط على نموذج الشريط المحدد.

Once done, just tap on the particular slider template.

الخطوة 6

الآن سترى أن النص مرتبط.

Now you will see the text is linked.

نصائح احترافية لربط الصفحات في Figma

  1. افتح ملف التصميم الخاص بك
    ابدأ بفتح Figma وفتح الملف حيث ترغب في ربط الصفحات أو الإطارات للتنقل.

  2. إنشاء أو تحديد الإطارات الخاصة بك
    يجب أن يكون كل شاشة أو صفحة ترغب في ربطها داخل إطارها الخاص. تأكد من أن الإطارات تحمل أسماء واضحة لتسهيل الاختيار أثناء الربط.

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

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

  5. اسحب العقدة إلى الإطار المستهدف
    سترى عقدة دائرية على الحافة اليمنى من العنصر المحدد. اسحبها إلى الإطار الذي تريد الربط به. سيؤدي ذلك إلى إنشاء خط موصل.

المخاطر الشائعة وكيفية تجنبها

  1. سحب الرابط إلى طبقة خاطئة
    تأكد من أنك تربط بإطار، وليس مجموعة أو شكل. يمكن أن تكون الإطارات فقط بمثابة وجهات في النماذج الأولية.

  2. غير قادر على الربط بين الصفحات
    لا يدعم Figma الربط المباشر بين صفحات مختلفة. قم مؤقتًا بنقل الإطارات إلى نفس الصفحة، اربطها، ثم أعد وضعها إذا لزم الأمر.

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

  4. فقدان اتصالات النموذج في الصادرات
    لا تظهر روابط النموذج في تصديرات PDF أو الصور. استخدم وضع "العرض" في Figma أو شارك رابط مباشر للمعاينات التفاعلية.

  5. التغييرات غير عاكسة
    إذا كانت الروابط لا تعمل في وضع العرض، قم بتحديث علامة التبويب المعاينة أو تحقق مرة أخرى مما إذا كانت الإطارات قد تم فك ارتباطها عن طريق الخطأ.

أسئلة شائعة حول ربط الصفحات في Figma

  1. هل يمكنني ربط إطار واحد بآخر في Figma؟
    نعم، استخدم وضع النموذج لربط العناصر التفاعلية بالإطارات المستهدفة للتنقل السلس.

  2. كيف يمكنني الربط بين الصفحات المختلفة في Figma؟
    يجب عليك نقل إطار الوجهة إلى نفس الصفحة مؤقتًا، ربطه، ثم إعادته مرة أخرى.

  3. هل يمكنني إضافة انتقالات بين الصفحات المرتبطة؟
    نعم، عند الربط، اختر حركة مثل "الذوبان" أو "الرسوم المتحركة الذكية" أو "الدخول" لإنشاء انتقالات سلسة.

  4. كيف يمكنني معاينة الروابط؟
    انقر على زر "العرض" في الزاوية العليا اليمنى لعرض تصميمك التفاعلي واختبار جميع روابط التنقل.

  5. هل من الممكن الربط بعودة إلى إطار سابق؟
    نعم، انشئ تفاعلًا منفصلًا على عنصر مختلف واربطة إلى الإطار السابق باستخدام نفس أدوات النموذج.

  6. هل يعمل التسطير للنص داخل المكونات؟
    نعم، يعمل التسطير بنفس الطريقة داخل المكونات. فقط تأكد من أنك تقوم بتحرير طبقة النص الصحيحة.

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

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

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

  10. كيف أضيف تعليق صوتي إلى الفيديو؟
    لـ إضافة تعليق صوتي إلى مقاطع الفيديو، قم بتنزيل ملحق trupeer ai على متصفح كروم. بمجرد التسجيل، ارفع الفيديو الخاص بك مع الصوت، واختر التعليق الصوتي المطلوب من trupeer وصدّر الفيديو المعدل الخاص بك. 

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

ابدأ إنشاء مقاطع الفيديو باستخدام مولد الفيديو + الوثيقة الذكي لدينا

ابدأ إنشاء مقاطع الفيديو باستخدام مولد الفيديو + الوثيقة الذكي لدينا

ابدأ إنشاء مقاطع الفيديو باستخدام مولد الفيديو + الوثيقة الذكي لدينا

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

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

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

ابدأ إنشاء مقاطع الفيديو باستخدام مولد الفيديو + الوثيقة الذكي لدينا

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

اختبر الطريقة الجديدة والأسرع لإنشاء مقاطع فيديو للمنتجات.

فيديوهات ومنتجات AI فورية وملفات من تسجيلات الشاشة الخام.

اختبر الطريقة الجديدة والأسرع لإنشاء مقاطع فيديو للمنتجات.

فيديوهات ومنتجات AI فورية وملفات من تسجيلات الشاشة الخام.

اختبر الطريقة الجديدة والأسرع لإنشاء مقاطع فيديو للمنتجات.

فيديوهات ومنتجات AI فورية وملفات من تسجيلات الشاشة الخام.