13 أفضل ملحقات Figma لكل مصمم
منوعات / / November 29, 2021
لسنوات عديدة ، كان Sketch و Adobe التطبيق الفعلي المفضل لمصممي UI و UX. لكن في السنوات القليلة الماضية ، رأينا العديد من المتنافسين الجدد في السوق. من بينها ، تبرز Figma لأسباب متعددة. الشركة مؤخرا أضافت الإضافات التي طال انتظارها لتسهيل الأمور على مستخدميها. لقد اخترنا بعضًا من أفضل ملحقات Figma في القائمة أدناه.
يمكن أن يكون عمل المصمم مملاً بدون دعم المكون الإضافي. لم تكن ملحقات Figma شيئًا دائمًا. علاوة على ذلك ، تعمل Figma مع أي نظام تشغيل يقوم بتشغيل متصفح ويب مثل أجهزة Mac و Windows و PC وما إلى ذلك.
الموضوع الساخن لـ Figma الآن هو دعم المكونات الإضافية المجانية والمتميزة التي تقدم يد المساعدة التي تشتد الحاجة إليها خلال ساعات تصميم واجهة المستخدم الطويلة.
لنلقي نظرة.
أيضا على توجيه التكنولوجيا
1. Unsplash
هذا هو الشخص الذي يشرح نفسه بنفسه. بدلاً من إضاعة الساعات أثناء البحث عن صور خالية من حقوق الملكية عالية الجودة على الويب ، يمكنك اختيار المكون الإضافي Unsplash لـ Figma والبدء في استخدام صور بالحجم الطبيعي مباشرة من شاشة Figma الرئيسية. لا عجب لماذا يحتوي Unsplash على هذا العدد الكبير من التنزيلات في متجر المكونات الإضافية.
احصل على Unsplash من أجل Figma
2. بكرة المحتوى
يعتمد معظم المصممين على Lorem Ipsum لإنشاء نص عشوائي لاستخدامه في نماذج بالحجم الطبيعي لواجهة المستخدم. ينتقل Content Reel بالتجربة إلى المستوى التالي. يتيح لك إنشاء محتوى عشوائي مثل اسم المستخدم والتواريخ والعنوان والعملة والأفاتار والرموز والصور وما إلى ذلك ، وهو أكثر فائدة وفعالية من Lorem Ipsum.
احصل على بكرة المحتوى لـ Figma
3. إطار سلكي
نحن نعلم أن السوق مليء بحلول التخطيط الشبكي مثل Balsamiq ، ولكن إذا كنت تريد بسرعة إنشاء نموذج أولي في Figma ، فإن المكون الإضافي Wireframe ضروري لك.
يحتوي Wireframe على قائمة بإطارات سلكية (قوالب) مصممة مسبقًا للويب والجوال مقسمة إلى فئات يمكن إضافتها مباشرةً إلى صفحة Figma بالنقر فوق الإطار. جميع الملفات هي مكون Figma (SVG) ويمكن تحريرها بسهولة. باستخدام ذلك ، يمكنك بسهولة إدارة جميع أنشطة التخطيط الشبكي والنماذج الأولية.
احصل على Wireframe لـ Figma
4. إيقونة
يحتاج كل مصمم إلى رموز للعمل مع مشروع واجهة المستخدم. بدلاً من العثور عليها إلى ما لا نهاية على الويب ، يمكنك اختيار مكون إضافي تابع لجهة خارجية مثل Iconify لتنفيذ أنواع مختلفة من الرموز في المشروع.
يسمح لك Iconify باستيراد أيقونات تصميم المواد ، FontAwesome ، أيقونات Jam ، EmojiOne ، Twitter Emoji ، والعديد من الرموز الأخرى (أكثر من 60 مجموعة رمز تحتوي على أكثر من 50000 رمز) وثيقة Figma كمتجه الأشكال.
احصل على Iconify لـ Figma
5. لوحة الصور
إذا كنت تواجه مشكلة في تحديد مجموعات الألوان بناءً على الصورة ، فإن Palette هو المكون الإضافي المناسب لك. يستخرج الامتداد لوحة ألوان من 5 ألوان مختلفة من الصور المحددة. انطلق جربها من الرابط أدناه.
احصل على لوحة الصور لـ Figma
6. مجموعة القصص
يحب المصممون الرسوم التوضيحية ، أليس كذلك؟ أثناء تصميم صفحة ترحيب لموقع ويب أو تطبيق ، ستحتاج في الغالب إلى استخدام رسم توضيحي للتأثير عليه.
إذا كنت تريد رسمًا توضيحيًا جميلًا مخصصًا ، فيمكنك استيراده وتعديله وفقًا لحاجتك باستخدام البرنامج الإضافي Stories by Freepik. هناك أكثر من 1000 رسم توضيحي مجاني لإفسادك.
احصل على Storyset for Figma
أيضا على توجيه التكنولوجيا
7. منشئ الشعار
هل يطلب عميلك شعارًا مخصصًا ، وليس لديك أي فكرة من أين تبدأ؟ يسمح لك المكون الإضافي Logo Creator لـ Figma بتحديد أفضل شعار أو إنشاء شعار باستخدام مكونات مختلفة. يمكنك صياغة شعار جميل باختيار أشكال مختلفة أو اختيار أفضل شعار من مجموعات مُنشأة مسبقًا تضم أكثر من 300 شعار.
احصل على Logo Creator لـ Figma
8. الرسوم البيانية
قد تؤدي إضافة بيانات أولية بسيطة داخل تصميمك إلى جعله يبدو لطيفًا. يمكنك استخدام مخطط لتعزيز جاذبية التصميم العام. نوصي باستخدام مخططات لملحق Figma الإضافي لذلك.
تسمح لك المخططات بإنشاء مخططات يمكن إضافتها وتحريرها في مستند Figma الخاص بك. اختر من المخططات الخطية والمساحية والدائرية والدائرية المجوفة والمبعثرة والشريطية. يأتي كل مخطط مع مجموعة التكوينات الخاصة به ، مثل عدة نقاط وقيم قصوى ودقيقة.
احصل على مخططات لـ Figma
9. فيجموجي
Figmoji هو متعة واحدة. إذا كان عملك يتضمن رموز تعبيرية أثناء مشاريع التصميم ، فإن Figmoji هو البرنامج المساعد المثالي لك. بنقرة واحدة ، يمكنك تنفيذ الرموز التعبيرية مباشرة في مشروع واجهة المستخدم الخاص بك. كما هو متوقع ، يضيف المكون الإضافي تنسيق SVG للرمز التعبيري ، بحيث يكون لديك كل المرونة لتحريرها.
احصل على Flgmoji
10. مصمم الخرائط
في كثير من الأحيان ، يتعين على المصممين إضافة خريطة داخل تصميمهم. ثم يتوجهون إلى خرائط Google ويستخرجون الأشياء يدويًا. المكون الإضافي لمصمم الخرائط لـ Figma موجود هنا ليوفر علينا كل المشاكل. يتيح لك مصمم الخرائط إنشاء خريطة مخصصة بسرعة فائقة. وهو يدعم حاليًا خرائط Google و Mapbox.
احصل على Map Maker لـ Figma
11. سوبر مرتبة
المحاذاة ضرورية في كل مشروع تصميم. المحاذاة البسيطة أمر يجب تجنبه تمامًا. يسمح لك Super Tidy for Figma بمحاذاة الإطارات وإعادة تسميتها وإعادة ترتيبها بسهولة بناءً على موضع اللوحة القماشية. يقوم Super Tidy أيضًا بإعادة تسمية الإطارات الخاصة بك وإعادة ترتيبها في قائمة الطبقات حسب موضعها في اللوحة القماشية.
احصل على مرتبة فائقة
12. فكتاري
يضيف المكون الإضافي Vectary 3D لـ Figma البعد الثالث المفقود لتصميماتك ثنائية الأبعاد. ضع تصميم Figma الخاص بك في نموذج بالحجم الطبيعي ثلاثي الأبعاد محدد مسبقًا أو عنصر مخصص ثلاثي الأبعاد. عيّن المنظور الذي تريده في الأبعاد الثلاثية وضع النتيجة في المشهد بنقرة واحدة. إنه مكون إضافي أساسي ، خاصة عندما تريد إقناع العملاء.
احصل على Vectary لـ Figma
13. معاينة الخط
الطباعة المصممة بذكاء داخل تصميم واجهتها وتجعلها أيضًا جذابة للكثيرين. نوع النص لديه القدرة على إنشاء أو كسر الواجهة. قد يؤدي استخدام نفس أسلوب الطباعة إلى الإضرار بتصميمك. يمكنك استخدام Font Preview لتجنب ذلك. باستخدام هذا البرنامج المساعد ، يمكنك معاينة النص الخاص بك في أكثر من 1000 نمط طباعة.
احصل على معاينة الخط لـ Figma
أيضا على توجيه التكنولوجيا
استخدم Figma Like a Pro
المكونات الإضافية لبرامج تصميم واجهة المستخدم تشبه ملحقات للمتصفح. باستخدام المجموعة الصحيحة من المكونات الإضافية ، يمكنك تحسين سير العمل والإنتاجية بشكل ملحوظ باستخدام Figma. انتقل إلى القائمة أعلاه وأخبرنا عن المكونات الإضافية التي قمت بتثبيتها في التعليقات أدناه.
القادم: تعد Figma متعة للاستخدام مع اختصارات لوحة المفاتيح المدمجة. اقرأ المنشور أدناه للتعرف على أهم 11 اختصارًا من اختصارات لوحة مفاتيح Figma لنظامي التشغيل Windows و Mac.