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