Advertisement
  1. Web Design
  2. Figma

ما المقصود بالFigma

by
Read Time:4 minsLanguages:

Arabic (العربية/عربي) translation by Amr Salah (you can also view the original English article)

"Figma" هو تطبيق تصميم واجهة يعمل في المتصفح - ولكنه في الواقع أكثر من ذلك بكثير. سأذهب إلى أبعد من ذلك لأقول أنه ربما أفضل تطبيق لمشاريع التصميم التعاوني القائم على الفريق. لنلقي نظرة!

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

"Figma" تعمل عبر الانترنت

لى الرغم من أن "Figma" تعتمد على المتصفح ، إلا أنه يوجد إصدار سطح مكتب لكل من Windows و Mac OS. من المفترض أن هذه التطبيقات هي التي تقوم بتشغيل متصفح داخلها ، ولكن سواء كان هذا هو الحال أم لا ، فإن "Figma" تعمل دائمًا عبر الإنترنت في هذه التطبيقات.

ملاحظة: إذا فقدت الاتصال ، فلا يزال بإمكانك الاستمرار في العمل على أي مستند قمت بفتحه بالفعل.

تعاون

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

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

بالإضافة إلى جميع أدوات التعاون المباشر هذه ، يمكنك أيضًا ترك التعليقات مباشرة على اللوحة.

مكتبات المكونات

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

النماذج الأولية وإخراج الكود

بالنسبة إلى إنشاء النماذج ، يمكنك إنشاء اتصالات ونقاط اتصال على تصميمك حتى تتمكن من محاكاة كيفية تدفق المستخدم عبر هذه الواجهة. بالنسبة إلى مرحلة التشفير ، يمكن لـ "Figma" إنشاء رمز SVG و CSS و iOS و Android.

الأشياء الصغيرة

لذلك فقد غطت جوانب التعاون في Figma ، ولكن أفضل جزء من Figma هو في الواقع أكثر صعوبة في التحديد. إنها ذروة كل الأشياء الصغيرة التي يقوم بها Figma بشكل جيد ، وهناك قائمة طويلة بها. لقد وضعنا مجموعة كاملة منهم في سلسلة تسمى Figma Tips & Tricks. هناك الكثير مما نذكره هنا ، لكن بعض الأشياء المفضلة تشمل:

  • في Figma ، يمكن أن يكون للعقدة الموجودة على متجه أجزاء متعددة متصلة به (أكثر من المعيارين فقط). وتسمى الأشكال الأكثر تعقيدًا التي يمكنك إنشاؤها باستخدام هذه "شبكات المتجهات".
  • تسمح لك Figma باستيراد الصور المتعددة بسرعة دفعة واحدة ، ووضعها في المكان الذي تريده بالضبط.
  • عند تحريك كائن حول لوحة الرسم في Figma ، فسترى ارتفاعه وعرضه ينعكس في المساطر.
  • قم بنسخ كود SVG مباشرة من كائن داخل "Figma" ، وبالعكس ، يمكنك نسخ كود SVG من محرر الشفرة ولصقه كرسم على لوحة Figma.

لتلخيص: ما هي "Figma"

Figma هو تطبيق تصميم UI و UX يستند إلى مستعرض ، مع تصميم ممتاز ، ونماذج أولية وأدوات لتوليد الرموز. إنها حاليًا (يمكن القول) أداة تصميم الواجهة الرائدة في الصناعة ، مع ميزات قوية تدعم فرق العمل في كل مرحلة من مراحل عملية التصميم. إذا لم تكن قد فعلت ذلك بالفعل ، فجرّب ذلك!

إذا كنت مهتمًا بمعرفة المزيد ، فتأكد من التحقق من الموارد التالية:

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.