كيفية تصدير ملف GIF من Figma

سجل واكسب 1000 دولار في اليوم ⋙

روابط الجهاز

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

كيفية تصدير ملف GIF من Figma

سيشرح هذا الدليل كيف يمكنك تصدير نماذج Figma الأولية الخاصة بك كملفات GIF باستخدام جهاز الكمبيوتر أو الجهاز المحمول.

كيفية التصدير إلى GIF في Figma على جهاز كمبيوتر

إن أبسط طريقة لتصدير صور GIF المتحركة من Figma هي باستخدام البرنامج المساعد TinyImage. قبل أن تتمكن من تشغيل المكون الإضافي واستخدامه ، ستحتاج إلى تسجيل الدخول إلى حساب Figma الخاص بك والانتقال إلى قسم "المجتمع".

لتنزيل البرنامج المساعد:

  1. أدخل "TinyImage" في مربع البحث.
    كيفية تصدير ملف GIF من Figma
  2. ضمن قسم "المكونات الإضافية" ، ابحث عن رمز "TinyImage Compressor".
    كيفية تصدير ملف GIF من Figma
  3. انقر فوق زر التثبيت الموجود بجوار الرمز.
    كيفية تصدير ملف GIF من Figma

بعد تثبيت المكون الإضافي ، افتح مشروع التصميم الذي تريد حفظه كملف GIF. انقر في أي مكان على الشاشة لفتح القائمة المنسدلة. اختر "الإضافات" واضغط على "TinyImage Compressor" لتشغيله.

إليك كيفية إنشاء ملف GIF باستخدام المكون الإضافي:

  1. في الجزء العلوي من نافذة البرنامج المساعد ، اضغط على الزر "إنشاء ملف GIF".
    كيفية تصدير ملف GIF من Figma
  2. حدد الطبقات على قماش Figma الخاص بك. سيعملون كإطارات لـ GIF الخاص بك.
    كيفية تصدير ملف GIF من Figma
  3. في الجزء السفلي من نافذة TinyImage ، انقر على خيار "استخدام الطبقات المحددة". سترى عرض شرائح لطبقاتك في وسط النافذة بالترتيب الذي حددته لهم.
    كيفية تصدير ملف GIF من Figma
  4. أسفل المعاينة ، انقر على أيقونات الطبقة ، ثم اسحبها إلى اليسار أو اليمين لتبديل ترتيبها.
    كيفية تصدير ملف GIF من Figma
  5. اضغط على زر "تشغيل" الصغير أسفل عرض الشرائح لضبط سرعة التشغيل.
    كيفية تصدير ملف GIF من Figma
  6. بجانب عناصر التحكم في تأخير الوقت ، حدد عدد مرات تكرار GIF. الإعداد الافتراضي هو "لانهائي". انقر فوق خيار "Infinite" لتعطيله وإدخال العدد المطلوب من الحلقات في المربع المجاور له.
    كيفية تصدير ملف GIF من Figma
  7. اضبط حجم GIF في الحقول الموجودة أسفل خيارات التأخير الزمني والحلقة.
    كيفية تصدير ملف GIF من Figma
  8. إذا كانت طبقاتك تحتوي على حدود شفافة ، فاضغط على الزر "خلفية شفافة" أسفل النافذة لجعلها مرئية في GIF.
    كيفية تصدير ملف GIF من Figma
  9. حدد جودة صورة GIF في الزاوية اليسرى السفلية. من الأفضل ضبط المعدل على حوالي 80 أو 90 للحفاظ على جميع ميزات طبقاتك.
    كيفية تصدير ملف GIF من Figma
  10. اترك عناصر تحكم "التردد" مضبوطة على "بدون تردد".
    كيفية تصدير ملف GIF من Figma
  11. اضغط على زر "تصدير GIF" في الجزء العلوي من نافذة TinyImage.
    كيفية تصدير ملف GIF من Figma
  12. سيتم دمج الإطارات وتشكيل صورة GIF وسيتم تنزيلها تلقائيًا وحفظها في ملفات التنزيل الخاصة بك.

ملاحظة حول الطبقات

تتيح لك القائمة المنسدلة أعلى الصور المصغرة للطبقة أيضًا تشغيل الطبقات من اليسار إلى اليمين أو من اليمين إلى اليسار. ومع ذلك ، لمزيد من التحكم في المظهر النهائي لصورة GIF ، من الأفضل ترتيب الإطارات يدويًا.

ملاحظة حول التشغيل

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

كيفية التصدير إلى GIF في Figma على جهاز محمول

غالبًا ما تأتي نماذج Figma الأولية مع رسوم متحركة متقدمة مثل علامات التبويب المنزلقة وخيارات التمرير والقوائم المنسدلة. سيسهل عليك حفظها كملف GIF عرض التصميم أثناء العمل. ومع ذلك ، لا يسمح تطبيق الهاتف المحمول إلا للمستخدمين بمعاينة نماذجهم الأولية. على الرغم من عدم وجود دعم تصدير مضمّن ، يمكنك التغلب على المشكلة عن طريق تسجيل الشاشة للتطبيق وتحويل الفيديو إلى ملف GIF.

كيفية التصدير إلى GIF في Figma على iPhone

من أجل حفظ مشروعك كملف GIF على iPhone ، ستقوم أولاً بتسجيل تطبيق Figma وإنشاء صورة GIF باستخدام تطبيق Shortcuts.

لشاشة تسجيل Figma على iPhone:

  1. قم بتشغيل تطبيق Figma للجوال وافتح المشروع الذي تريد تحويله إلى GIF.
  2. أدخل "الإعدادات" وحدد "مركز التحكم".
  3. اختر "تخصيص عناصر التحكم" واضغط على الزر الأخضر بجوار "تسجيل الشاشة" لتمكين الميزة.
  4. ارجع إلى "مركز التحكم".
  5. اضغط على زر "Screen Recording".
  6. انقر فوق الزر الأحمر لإنهاء التسجيل.

عادةً ما يتم تخزين التسجيل في تطبيق الصور الخاص بك.

تحقق مما إذا كان جهاز iPhone الخاص بك يحتوي على أداة Shortcuts مثبتة مسبقًا لتحويل الفيديو الخاص بك إلى GIF. يمكنك أيضًا تنزيل الأداة من App Store .

إليك كيفية تغيير الفيديو إلى ملف GIF على iPhone:

  1. افتح التطبيق ، وانتقل إلى الجزء السفلي من الواجهة ، وحدد بطاقة "المعرض".
    كيفية تصدير ملف GIF من Figma
  2. اضغط على علامة التبويب "Starter Shortcuts" أسفل قائمة البحث.
  3. قم بالتمرير إلى أسفل الشاشة وانقر فوق قسم "إنشاء ملف GIF".
    كيفية تصدير ملف GIF من Figma
  4. اضغط على زر "إضافة اختصار" لتمكين اختصار GIF.
    كيفية تصدير ملف GIF من Figma
  5. بعد تثبيت الاختصار ، ارجع إلى "My Shortcuts".
    كيفية تصدير ملف GIF من Figma
  6. انقر على "إنشاء صورة GIF" واختر "موافق" لربط التطبيق ومعرض الصور الخاص بك.
    كيفية تصدير ملف GIF من Figma
  7. تصفح مقاطع الفيديو الخاصة بك وحدد الفيديو الذي ستحوله إلى GIF.
    كيفية تصدير ملف GIF من Figma
  8. استخدم أشرطة التمرير لتحديد الإطارات التي سيتم تضمينها في GIF.
    كيفية تصدير ملف GIF من Figma
  9. اضغط على "حفظ" لتسجيل التغييرات. سيتم حفظ ملف GIF الجديد في تطبيق الصور على الجهاز اللوحي.
    كيفية تصدير ملف GIF من Figma
  10. انقر فوق "تم" للخروج من تطبيق الاختصارات.
    كيفية تصدير ملف GIF من Figma

كيفية التصدير إلى GIF في Figma على جهاز Android

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

إليك كيفية فحص تسجيل Figma على Android:

  1. قم بتشغيل التطبيق وافتح معاينة لمشروعك.
  2. مرر سريعًا من أعلى الشاشة وحدد "تسجيل الشاشة". إذا لم يكن موجودًا ، فحاول التمرير سريعًا لليمين. سيتعين عليك في بعض الأحيان النقر على أيقونة "تعديل" أعلى الشاشة للكشف عن قائمة مخفية. قد تكون ميزة "تسجيل الشاشة" موجودة أيضًا.
  3. اضغط على معاينة النموذج الأولي للإشارة إلى أنك تريد تسجيله.
  4. انقر فوق الزر "ابدأ". بمجرد انتهاء العد التنازلي ، سيتم تسجيل الشاشة.
  5. اسحب لأسفل وانقر على بطاقة "مسجل الشاشة" لإيقاف التسجيل.

سيتم حفظ فيديو معاينة Figma في تطبيق صور Android. يمكنك تحويله إلى GIF باستخدام تطبيق GIPHY .

لتحويل مقطع فيديو إلى ملف GIF على جهاز Android:

  1. قم بتثبيت وتشغيل تطبيق GIPHY على جهازك.
    كيفية تصدير ملف GIF من Figma
  2. قم بالتسجيل وإنشاء حساب GIPHY.
    كيفية تصدير ملف GIF من Figma
  3. اضغط على الزر "إنشاء" أعلى يمين الواجهة.
    كيفية تصدير ملف GIF من Figma
  4. قم بتمكين التطبيق للوصول إلى الكاميرا.
    كيفية تصدير ملف GIF من Figma
  5. حدد مقطع فيديو من معرض Android الخاص بك.
    كيفية تصدير ملف GIF من Figma
  6. اضبط طول الفيديو. يتيح تطبيق GIPHY للمستخدمين إدراج عناصر مثل النصوص والملصقات في ملفاتهم.
    كيفية تصدير ملف GIF من Figma
  7. انقر فوق رمز "السهم" في الجزء السفلي من التطبيق.
    كيفية تصدير ملف GIF من Figma
  8. اختر "مشاركة GIF" وحدد "حفظ GIF".
    كيفية تصدير ملف GIF من Figma

تصدير ملفات GIF بدون قيود

سواء كنت مطورًا متمرسًا أو مصممًا هاوًا ، فأنت تستحق أن يكون لديك طريقة مناسبة لعرض عملك على الآخرين في شكل GIF. يمكنك معاينة إبداعاتك على تطبيق Figma ، لكن الوصول إلى تصميماتك قد يصبح مهمة صعبة بمجرد انقطاع الاتصال بالإنترنت. حتى تخرج Figma بحل تصدير سهل الاستخدام ، يمكنك الاعتماد على الأساليب التي وضعناها في المقالة.

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

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

Sign up and earn $1000 a day ⋙

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

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

تأتي جميع متصفحات الويب الشائعة عبر جميع الأنظمة الأساسية مزودة بحاجب النوافذ المنبثقة المدمج. عادةً ما يكونون أذكياء بما يكفي لحظر النوافذ المنبثقة غير المرغوب فيها التي قد تؤدي إلى ذلك

كيفية إصلاح مشكلة استمرار تطبيق EA في تسجيل خروجك

كيفية إصلاح مشكلة استمرار تطبيق EA في تسجيل خروجك

يعد تطبيق Electronic Arts (EA) على نظام التشغيل Windows هو وجهتك الأساسية للوصول إلى ألعابك المفضلة. وهكذا، يمكن أن يصبح الأمر محبطًا للغاية عندما

كيفية معرفة متى تم نشر موقع الويب أو إطلاقه لأول مرة

كيفية معرفة متى تم نشر موقع الويب أو إطلاقه لأول مرة

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

كيفية تغيير صورة قائمة التشغيل في SoundCloud

كيفية تغيير صورة قائمة التشغيل في SoundCloud

سواء كنت تقوم بتحميل الموسيقى الخاصة بك أو تنظيم قائمة التشغيل المثالية للتمرين، فإن العمل الفني لغلاف قائمة التشغيل الخاصة بك هو أول شيء آخر على SoundCloud

كيفية العثور على آخر رايدر في ماين كرافت

كيفية العثور على آخر رايدر في ماين كرافت

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

كيفية تمكين JavaScript في Google Chrome وFirefox وMicrosoft Edge وSafari

كيفية تمكين JavaScript في Google Chrome وFirefox وMicrosoft Edge وSafari

تعد JavaScript واحدة من أقوى المحركات التي تقف وراء الويب التفاعلي. تتيح لغة البرمجة هذه لصفحات الويب الاستجابة لأفعالك في الوقت الفعلي.

كيفية إصلاح رمز خطأ تلفزيون هيسنس 014.50

كيفية إصلاح رمز خطأ تلفزيون هيسنس 014.50

تم تصنيف أجهزة تلفزيون Hisense كواحدة من أفضل أجهزة تلفزيون ROKU في السوق. ولكن، قد تصادف أحيانًا إشعار رمز الخطأ 014.50 على جهاز التلفزيون عند المحاولة

كيفية التحكم في مستوى الصوت على Amazon Fire Stick

كيفية التحكم في مستوى الصوت على Amazon Fire Stick

إن محاولة إدارة أجهزة التحكم عن بعد في عام 2024 تبدو وكأنها محاولة التعامل مع الفواتير. لحسن الحظ، إذا كنت تستخدم Fire Stick لبث برامجك المفضلة و

كيفية حذف جميع الصور من جهاز iPhone الخاص بك (دون فقدانها للأبد)

كيفية حذف جميع الصور من جهاز iPhone الخاص بك (دون فقدانها للأبد)

نظرًا لأن هواتف Apple تأتي مع كمية محددة فقط من مساحة التخزين الداخلية التي لا يمكن توسيعها، فقد تنفد المساحة لديك بسرعة. في مرحلة ما، قد تتمكن من ذلك

كيفية تحديث التطبيقات على تلفزيون هايسنس

كيفية تحديث التطبيقات على تلفزيون هايسنس

تعد Hisense علامة تجارية ذات شعبية متزايدة عندما يتعلق الأمر بتكنولوجيا التلفزيون الذكي. إنهم يصنعون وحدات LED وULED (Ultra LED) صديقة للميزانية

Roblox: كيف تحصل على رأس مقطوعة الرأس

Roblox: كيف تحصل على رأس مقطوعة الرأس

دليل كامل لشراء أو تداول Headless Head الحصري، المعروف بتأثيره الزخرفي الفريد، في Robolox.

كيفية عرض رقم هاتف شخص ما في تيليجرام

كيفية عرض رقم هاتف شخص ما في تيليجرام

أثناء تسجيل الحساب في Telegram، يجب عليك إضافة رقم هاتف إلى بياناتك الشخصية. إذا كنت مهتمًا بتأكيد شخص آخر

كيفية عرض الصور من صور أمازون على برنامج Echo Show

كيفية عرض الصور من صور أمازون على برنامج Echo Show

اكتشف كيفية تحويل Amazon Echo Show الخاص بك إلى إطار صور رقمي باستخدام Amazon Photos في هذا الدليل.

كيفية إنشاء نموذج الطلب عبر الإنترنت

كيفية إنشاء نموذج الطلب عبر الإنترنت

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

DoorDash: كيفية استرداد الأموال

DoorDash: كيفية استرداد الأموال

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

كيفية إيقاف تشغيل الملصقات في خرائط جوجل

كيفية إيقاف تشغيل الملصقات في خرائط جوجل

تعتبر التصنيفات من ميزات خرائط Google التي لا غنى عنها والتي تساعدنا في العثور على الأماكن بسهولة. ومع ذلك، يمكن أن تكون الخريطة مليئة بالدبابيس والأعلام أينما نظرت

Canva: كيفية إضافة الموسيقى إلى الفيديو

Canva: كيفية إضافة الموسيقى إلى الفيديو

أصبحت مقاطع الفيديو أكثر إمتاعًا مع الموسيقى التصويرية. سواء كنت تضيف موسيقى مزاجية لجذب انتباه الجمهور أو تضع مؤثرات صوتية أعلى مقطع فيديو، يمكنك استخدام Canva

سناب شات: كيفية تغيير الأرقام

سناب شات: كيفية تغيير الأرقام

لقد قمت للتو بتغيير رقم هاتفك لأي سبب من الأسباب. يعد هذا قرارًا كبيرًا، خاصة إذا كان لديك هذا الرقم لفترة من الوقت. ولكن هذا التغيير سوف

كيفية إرسال بريد إلكتروني جماعي في HubSpot

كيفية إرسال بريد إلكتروني جماعي في HubSpot

يمكن أن يوفر لك التسويق الجماعي عبر البريد الإلكتروني قدرًا كبيرًا من الوقت من خلال السماح لك بإرسال حملة بريد إلكتروني واحدة إلى عدد كبير من المستلمين في نفس الوقت. انه

تلفزيون Hisense: كيفية إصلاح مشكلة انخفاض ذاكرة النظام

تلفزيون Hisense: كيفية إصلاح مشكلة انخفاض ذاكرة النظام

هل سئمت من التعامل مع مشكلات انخفاض ذاكرة النظام على تلفزيون Hisense الخاص بك؟ فيما يلي بعض الحلول العملية لإصلاح هذه المشكلة.