تساعد ملحقات Figma في زيادة إنتاج عملك وتضمن بقائك داخل Figma لإكمال أعمال التصميم الخاصة بك. مع مكتبة Figma اللانهائية من المكونات الإضافية ، لا يوجد شيء تقريبًا لا يمكنك فعله بأداة التصميم المفضلة لديك.
باستخدام مكونات Figma الإضافية المجانية الأكثر فائدة ، نحن فقط نخدش سطح ما هو متاح.
كيفية تنزيل ملحقات Figma
قبل أن ننتقل إلى قائمة السلع ، يجب أن تعرف كيفية العثور على مكون إضافي لـ Figma وتنزيله. ربما تعرف كيفية استخدام Figma، ولكن إذا لم تكن كذلك ، فإليك كيفية العثور بسهولة على مكتبة المكونات الإضافية. قد تعمل بعض المكونات الإضافية من تطبيق Figma لسطح المكتب بشكل أفضل من إصدار المتصفح.
توجه إلى صفحة المجتمع ، والتي يمكن العثور عليها في الصفحة الرئيسية أو من صفحة ملف أسفل اسم حسابك. تسرد صفحة المجتمع أكثر من مجرد مكونات إضافية ، ولكن من ملف Figma ، يتم تحديد ملف القائمة الرئيسية > الإضافات سيُظهر لك المكونات الإضافية المستخدمة مؤخرًا والمكونات الإضافية المحفوظة ، ويتيح لك العثور على مكونات إضافية جديدة.
التحديد البحث عن ملحقات جديدة يأخذك إلى موارد علامة التبويب حيث يمكنك البحث عن أي مكون إضافي. بمجرد العثور على مكون إضافي تريد تنزيله — من صفحة المجتمع — حدد حاول للتنزيل ، أو - من مربع البحث عن الموارد - حدد يجري لتنزيل البرنامج المساعد.
يجب أن يوفر كل مكون إضافي تعليماته الخاصة للاستخدام ، لذا اقرأ الدعاية المغلوطة عند مطالبتك بذلك.
يوفر المكون الإضافي Mesh Gradient من Gautham طريقة سريعة وسهلة لإضافة تدرجات مخصصة لتصميمات Figma الخاصة بك. قم بتشغيل المكون الإضافي وإنشاء مربع متدرج. يمكنك تخصيص الألوان بنفسك أو النقر عشوائيا لإنشاء تصميم متدرج تلقائيًا.
ينشئ هذا المكون الإضافي صورة من التدرج اللوني الخاص بك ، لذلك لا يمكن تحريرها بعد إنشائها. ومع ذلك ، يمكنك تعديل تدرجات لونية قديمة أو إنشاء جديدة في المكون الإضافي.
توفر Webflow Labs طريقة رائعة لتحويل تصميم Figma الخاص بك إلى HTML أو CSS جاهزًا لتدفق الويب وإنشاء مواقع الويب. يمكنك دمج تفاعلات Webflow في تصميمات Figma الخاصة بك للتكامل السلس مع Webflow Labs. يعد هذا المكون الإضافي رائعًا إذا كنت من مستخدمي Webflow Labs أو تعمل مع فريق مطوري الويب.
يتضمن مكونات سريعة الاستجابة ، ويحتفظ بجميع الأنماط والخطوط والصور ، ويسمح لك أيضًا بتحرير علامات HTML مباشرة في Figma. أنت تستطيع إنشاء أنماط قالب رئيسي في Figma واستخدم Figma إلى Webflow لتصديرها لمشاريع مواقع الويب المستقبلية.
يعني المكون الإضافي الرسمي Figma من Unsplash أنه يمكنك إدراج الصور مباشرة في تصميماتك دون مغادرة نافذة Figma الخاصة بك. تتوفر جميع تراخيص Unsplash نفسها ، ولكن باستخدام هذا المكون الإضافي ، ستوفر الوقت والنقرات عند إضافة الصور إلى عملك.
إذا كنت مصممًا للصور ، فقد تجد صعوبة في العثور على نص نائب للمساحة في تصميماتك. يقوم المكون الإضافي لـ Lorem Ipsum بعمل كل شيء من أجلك. باستخدام النص اللاتيني التقليدي ، ما عليك سوى تسليم التصميم الخاص بك إلى مؤلف الإعلانات الخاص بك لتحويل النص النائب إلى شيء حقيقي ، لذلك كل ما عليك فعله هو التركيز على العناصر المرئية.
إذا كان لديك مجموعة نسخ من كتابة النصوص اللازمة لتصميمك ، فإن Text Porter يساعد في نقل نسختك من Excel إلى Figma بسهولة. ما عليك سوى تشغيل المكون الإضافي Text Porter ونقل النص الخاص بك. ثم قم بتحرير النص مباشرة في ملف Excel لتحديث تصميم Figma الخاص بك في المستقبل. هذا مفيد إذا لم يكن مؤلف الإعلانات الخاص بك لديه حق الوصول إلى أو معرفة فيجما.
للحصول على سير عمل أكثر سلاسة مع استخدام المكونات الإضافية ، يمكنك أيضًا استخدم اختصارات Figma لسير عمل أسرع.
تعد إزالة الخلفيات ممارسة شائعة عند استخدام الصور في العديد من جوانب التصميم. بدلاً من التخلص من Photoshop أو Canva أو برامج التحرير الأخرى ، فإن استخدام المكون الإضافي Icons8 Background Remover يسرع العملية ويحافظ عليها كلها في Figma.
يمكن تطبيق أداة إزالة الخلفية على أكثر من صورة في وقت واحد ، مما يؤدي إلى تسريع عملية عملك بنقرة زر واحدة.
ينشئ المكون الإضافي Image Tracer صورة متجهة من أي صور وطبقات صور تختار تطبيقها عليها. المتجه القابل للتطوير مثل غبار الذهب لأعمال التصميم الرقمي ، ويسهل هذا المكون الإضافي تحويل أي صورة إلى متجه.
يمكن أن يساعدك المكون الإضافي Html.to.design في إعادة إنشاء تصميمات مواقع الويب الحالية في تصميمات Figma. يخدم هذا العديد من الأغراض ، مثل مساعدتك في ممارسة تصميم مواقع الويب ، أو مساعدتك في استعادة مواقع الويب القديمة التي صممتها وفقدت إمكانية الوصول إليها.
انظر البرنامج التعليمي المفصل لدينا ل تحويل موقع ويب إلى تصميم Figma باستخدام هذا البرنامج المساعد.
يعمل المكون الإضافي Vectorize بشكل مشابه لـ Image Tracer ، لكن هذا أفضل إذا كان لديك صورة واحدة فقط ولون واحد لتوجيه الاتجاه. يعد تحويل الصور النقطية إلى متجهات أمرًا سهلاً باستخدام هذا البرنامج المساعد.
ستكون متجهاتك الجديدة عبارة عن مسار متجه ، وسهل التحرير والاستخدام لجميع احتياجات التصميم الخاصة بك. جيد بشكل خاص إذا أرسل لك عميلك شعاره كصورة منقطة منسوخة من مستند Word. يمكنك بسهولة إحياء الشعارات والأيقونات الأخرى ذات اللون الواحد في Figma.
التصميم لنسبة أبعاد معينة؟ هل تحتاج إلى توسيع نطاق العمل أو خفضه؟ استخدم المكوّن الإضافي Aspects. يتيح لك هذا المكون الإضافي تغيير جوانب الطبقات المختلفة في تصميمك بسرعة ، وخاصة الصور. الجوانب هي أداة مفيدة لأي تحجيم سريع تحتاج إلى القيام به.
إذا كنت تصمم UX / UI ، فمن المحتمل أنك تضيف أزرارًا إلى تصميماتك. يعد Button Buddy مكونًا إضافيًا رائعًا يوفر العديد من تصميمات مكونات الأزرار ، مما يوفر لك الوقت في التصميم ، حتى تتمكن من التركيز على تصميمات تخطيط رائعة.
لإضافة مكونات أكثر من الأزرار ، استخدم المكون الإضافي Handy Components. يوفر هذا المكون الإضافي أكثر من 60 عنصر تصميم UX / UI مختلف. تستخدم Handy Components أيضًا تصميمًا ذكيًا لتكرار الأنماط الموجودة في تصميمك وتطبيقها مباشرةً على المكونات المضافة للمكون الإضافي. لست مضطرًا للتعديل لمطابقة أسلوبك.
المكونات المتاحة هي الأزرار وبطاقات الميزات وعناصر القائمة والجداول وأشرطة التقدم وملصقات التحذير والتقويمات والعديد من العناصر المفيدة الأخرى.
بحاجة إلى خريطة على تصميم الويب الخاص بك؟ يمكنك دمج واحد بسهولة مع المكوِّن الإضافي لمصمم الخرائط. يسمح لك المكون الإضافي بإضافة خريطة مخصصة مدرجة في الشكل.
ما عليك سوى تحديد الشكل الذي تريده - مستطيل أو قطع ناقص أو مضلع - وتشغيل مصمم الخرائط. ثم اكتب العنوان الذي تريد مشاركته. من السهل إضافة خريطة إلى تصميم الويب الخاص بك.
تجعل الرموز تصميمات UX / UI عالمية ويمكن الوصول إليها. يستضيف المكون الإضافي Iconify مكتبة تضم أكثر من 1000.000 رمز لأي استخدام تقريبًا. يمكن استخدام رموز SVG مفتوحة المصدر في Iconify في العديد من برامج التطوير لنقل تصميمات Figma من النموذج الأولي إلى المنتجات الحية بسهولة.
تساعدك إضافة نماذج بالأحجام الطبيعية لتصميمات Figma الخاصة بك على دمج الواقع في أفكار المنتج المحتملة. سواء كنت تضيف نماذج بالأحجام الطبيعية إلى تصميم عرض فيجما أو دمجها في موقع ويب ، فمن السهل امتلاكها.
يعد Clay Mockups 3D واحدًا من العديد من المكونات الإضافية الرائعة. انظر لدينا دليل على نماذج الهواتف الذكية فيجما لمعرفة ما هو متاح أيضًا. يمكنك إدراج نماذج بالأحجام الطبيعية للهواتف وأجهزة الكمبيوتر والأجهزة الأخرى بالإضافة إلى الأيدي لتثبيتها.
يتيح لك هذا المكون الإضافي البسيط محاذاة الإطارات وترتيبها والحفاظ على تنظيم عملك الفني. ما عليك سوى تحديد العناصر الخاصة بك وتشغيل البرنامج المساعد ، وستكون نافذة Figma الخاصة بك مرتبة للغاية.
فهي لا تطلب لوحة فنية فوضوية فحسب ، بل إنها تعيد ترقيم الإطارات إذا تم تغيير الترتيب. لا مزيد من البحث عن الإطار 5 بعد نقله ، ستجده يقع بجوار 4 و 6.
حافظ على تدفق عملك مع ملحقات Figma
باستخدام هذه الأدوات الـ 16 الرائعة ، يمكنك بسهولة تحويل مسار عملك. تتيح لك المكونات الإضافية القيام بالمزيد دون مغادرة نافذة تصميم Figma.
هذه المكونات الإضافية هي الأكثر فائدة ، وإذا كنت تستخدمها جميعًا ، فيمكنك تحويل الصور وإضافة صور منها Unsplash ، أضف تصميمات HTML إلى Figma والعودة مرة أخرى باستخدام Webflow Labs ، وأضف خرائط مخصصة ، وقم بتغيير حجم تصميمات. كل ذلك مع المكونات الإضافية.
