الإضافات هي أداة قوية لتوسيع وظائف فيغما ، واحدة من أدوات تصميم واجهة الأكثر شعبية. يمكن أن يكون إنشاء المكون الإضافي الخاص بك تجربة ممتعة ومجزية. في دليل المبتدئين خطوة بخطوة هذا ، سنوضح لك كيفية إنشاء مكون إضافي فيجما من البداية إلى النهاية.
أولا وقبل كل شيء ، سوف تحتاج إلى أن تكون على دراية جافا سكريبت وأساسيات تطوير الشبكة. على الرغم من أنك لا تحتاج إلى معرفة عميقة من جافا سكريبت لإنشاء الإضافات فيغما ، وسوف تحتاج المهارات الأساسية. إذا كنت جديدا في البرمجة ، فمن المستحسن أن تتعرف على أساسيات جافا سكريبت قبل البدء في إنشاء مكون إضافي.
الأداة الرئيسية لإنشاء الإضافات فيغما هو أبي المساعد فيغما. يوفر أبي عددا من الوظائف والأساليب للتفاعل مع فيغما. يسمح لك بإنشاء لوحات تحكم ، والتكامل مع أدوات أخرى ، وأكثر من ذلك بكثير. في الدليل ، سوف نتعرف على وظائف واجهة برمجة التطبيقات الأساسية ونتعلم كيفية استخدامها لإنشاء المكون الإضافي الخاص بنا.
إنشاء البرنامج المساعد فيغما هو وسيلة رائعة لتحسين التصميم والبرمجة المهارات الخاصة بك. يسمح لك بأتمتة مهام معينة وتحسين كفاءة العمل. باتباع هذا الدليل, سوف تكون قادرة على خلق بنفسك المساعد فيغما وجعلها متاحة للملايين من المستخدمين.
- فهم كيفية عمل المكونات الإضافية في فيجما
- تحليل الوظائف والميزات
- التحضير لإنشاء مكون إضافي
- تثبيت الأدوات اللازمة وإعداد البيئة
- إنشاء أساس البرنامج المساعد
- إنشاء بنية ملف وتهيئة المكون الإضافي
- إضافة وظائف إلى البرنامج المساعد
فهم كيفية عمل المكونات الإضافية في فيجما
فيغما يسمح لك لخلق الإضافات التي توسع وظائف النظام الأساسي وتساعد على أتمتة المهام اليومية. ويستند تطوير المكونات الإضافية في فيغما على استخدام لغة البرمجة جافا سكريبت وواجهة برمجة التطبيقات التي تقدمها فيغما.
تعمل المكونات الإضافية في فيجما في إطار النظام الأساسي نفسه ويمكن أن تتفاعل مع التصميمات والكائنات والطبقات والمكونات الموجودة في المشروع. يمكنهم تعديل وإنشاء العناصر وتطبيق الأنماط وإضافة التأثيرات والمزيد.
تتضمن عملية تطوير البرنامج المساعد إنشاء نصوص جافا سكريبت التي تؤدي الإجراءات اللازمة مع الكائنات في فيجما. تتضمن الخطوات الرئيسية لإنشاء مكون إضافي إعداد بيئة التطوير وكتابة التعليمات البرمجية وتصحيح الأخطاء واختبار المكون الإضافي ونشره.
هناك العديد من الموارد والوثائق المتاحة في فيجما التي تساعدك على فهم جميع جوانب تطوير البرنامج المساعد. يمكن للمطورين استخدام المكتبات الجاهزة والأساليب القياسية للعمل بشكل أكثر ملاءمة مع أبي فيغما.
يتيح إنشاء المكونات الإضافية للمصممين والمطورين تحسين سير عملهم وتقليل وقت المهام الروتينية وإضافة ميزات جديدة غير متوفرة في الأصل في فيجما. المكونات الإضافية في فيجما تفتح إمكانيات لا حدود لها لخلق بيئات العمل المخصصة والأدوات.
تحليل الوظائف والميزات
يوفر البرنامج المساعد فيجما العديد من الميزات والقدرات التي تسمح لك لإنشاء وتحرير وصيانة المشاريع على منصة فيجما. في هذا القسم ، سنلقي نظرة على الأدوات والوظائف الرئيسية للمكون الإضافي.
أدوات إنشاء التصميم والتحرير:
يقدم البرنامج المساعد فيجما مجموعة واسعة من الأدوات لإنشاء وتحرير التصاميم. يمكنك رسم الأشكال وتحريرها وإضافة نص وصور وعناصر تصميم أخرى. ستساعدك أدوات العمل مع الطبقات والأقنعة على تنظيم تصميم المشروع.
التعاون في مشروع:
باستخدام البرنامج المساعد فيغما ، يمكنك دعوة مستخدمين آخرين للتعاون في المشروع. يمكنك إضافة تعليقات ومشاركة الأفكار وتتبع التغييرات التي أجراها المشاركون الآخرون في المشروع.
التكامل مع أدوات إضافية:
البرنامج المساعد فيغما يسمح لك للتكامل مع مختلف الأدوات والخدمات مثل رسم ، إنفيجن ، زيبلين وغيرها. يمكنك تصدير التصميمات إلى تطبيقات أو خدمات أخرى لمزيد من معالجتها أو مشاركتها مع الزملاء.
أتمتة المهام وتصميم النظام:
يوفر البرنامج المساعد فيغما القدرة على أتمتة المهام المختلفة وإنشاء تصميم النظام. يمكنك تخصيص الأنماط والمكونات والرموز لإعادة استخدامها في مشاريع أخرى. ويمكنك أيضا إنشاء تخطيطات مع تصميم التكيف لمختلف الأجهزة ودقة الشاشة.
النشر وردود الفعل:
يوفر البرنامج المساعد فيغما فرصة لنشر التصاميم وتلقي ردود الفعل من المستخدمين. يمكنك مشاركة روابط التصميمات مع العملاء أو الزملاء وتلقي التعليقات والتعليقات بسرعة حتى يتم تنفيذ المشروع بأفضل طريقة ممكنة.
هذا هو مجرد لمحة صغيرة من وظائف وقدرات البرنامج المساعد فيغما. تعرف على المزيد حول قدراتها من خلال دراسة الوثائق والممارسة بنفسك. فيجما هي أداة تصميم قوية ستساعدك على العمل بكفاءة أكبر وإنشاء مشاريع ممتازة.
التحضير لإنشاء مكون إضافي
قبل البدء في إنشاء مكون إضافي لفيجما ، تحتاج إلى إكمال عدة خطوات أولية:
1. الحصول على أبي فيغما.
لبدء العمل على البرنامج المساعد ، تحتاج إلى التسجيل على موقع فيغما والحصول على أبي فيغما. للقيام بذلك ، سوف تحتاج إلى رمز أبي ، والتي يمكن الحصول عليها في الحساب الشخصي المطور فيغما.
2. دراسة وثائق أبي فيغما.
قبل البدء في تطوير البرنامج المساعد ، فمن المفيد للتعرف على نفسك مع وثائق أبي فيغما. في الوثائق ، ستجد معلومات حول طرق ووظائف واجهة برمجة التطبيقات المتاحة ، بالإضافة إلى أمثلة وأدلة حول كيفية استخدام الميزات المختلفة للنظام الأساسي.
3. قم بتثبيت الأدوات اللازمة.
لتطوير المكونات في ل فيغما ، سوف تحتاج إلى تثبيت العديد من الأدوات:
- عقدة.شبيبة هو منصة لتشغيل شفرة جافا سكريبت;
- الآلية الوقائية الوطنية هو مدير حزمة للعقدة.جس ، والذي يسمح لك لتثبيت التبعيات اللازمة;
- فيجبلوج هو أداة لتطوير واختبار الإضافات فيجما التي تحتاج إلى تثبيت عالميا باستخدام الآلية الوقائية الوطنية;
تأكد من تثبيت جميع هذه الأدوات على جهاز الكمبيوتر الخاص بك وجاهزة للاستخدام.
تثبيت الأدوات اللازمة وإعداد البيئة
لتطوير الإضافات فيغما ، تحتاج إلى تكوين البيئة وتثبيت العديد من الأدوات.
1. تثبيت العقدة.شبيبة: الخطوة الأولى هي تثبيت العقدة.شبيبة ، خادم الويب الذي يسمح لك لتشغيل شفرة جافا سكريبت على جهاز كمبيوتر. يمكنك تنزيله من الموقع الرسمي https://nodejs.org واتبع تعليمات التثبيت لنظام التشغيل الخاص بك.
2. إنشاء مشروع جديد: بعد تثبيت العقدة.شبيبة فتح محطة أو موجه الأوامر وانتقل إلى المجلد حيث تريد حفظ المشروع الجديد الخاص بك. ثم قم بتشغيل الأمر التالي:
نكس إنشاء-فيغما-المساعد
سيسمح لك هذا الأمر بإنشاء مشروع جديد لتطوير مكونات فيجما الإضافية. اتبع التعليمات الموجودة في الجهاز لتحديد مجلد واسم مشروع.
وتشغيل الأمر التالي:
الآلية الوقائية الوطنية تثبيت
سيقوم هذا الأمر بتثبيت جميع الحزم والتبعيات اللازمة لعمل المكون الإضافي فيجما.
4. إعداد البيئة: البيئة الخاصة بك جاهزة بالفعل لتطوير الإضافات فيغما. يمكنك استخدام أي محرر نصوص أو بيئة تطوير متكاملة (إيد) لتحرير رمز البرنامج المساعد.
هام: قبل البدء في تطوير البرنامج المساعد ، تأكد من أن جهاز الكمبيوتر الخاص بك يلبي متطلبات العمل مع فيجما والعقدة.شبيبة.
إنشاء أساس البرنامج المساعد
قبل أن نبدأ في تطوير المكونات في ل فيغما ، نحن بحاجة إلى إنشاء إطار لوظائفه. يتضمن ذلك إعداد البيئة وإضافة المكتبات الضرورية وتكوين الملفات الرئيسية.
وهنا بعض الخطوات التي نحن ذاهبون لمتابعة:
- تثبيت العقدة.شبيبة ، إذا لم يكن لديك حتى الآن. عقدة.شبيبة يسمح لنا للعمل مع جافا سكريبت خارج المتصفح وسيتم تثبيت جنبا إلى جنب مع إدارة حزمة الآلية الوقائية الوطنية.
- قم بإنشاء مجلد جديد للمكون الإضافي الخاص بك.
- .
- . يمكنك ببساطة الضغط على "أدخل" لترك القيم الافتراضية أو إدخال معلومات حول مشروعك.
- .
- هو في جذر المشروع الخاص بك. سيحتوي هذا الملف على شفرة جافا سكريبت الخاصة بالمكون الإضافي الخاص بك.
- في جذر المشروع الخاص بك. سيحتوي هذا الملف على ترميز واجهة مستخدم المكون الإضافي الخاص بك.
الآن بعد أن أنشأنا الأساس للمكون الإضافي ، نحن على استعداد للبدء في تطوير وظائفه وتصميمه. في الأقسام التالية ، وسوف ننظر في كيفية إضافة مكونات واجهة المستخدم من مكتبة فيغما-المساعد-دس وأداء الوظيفة الأولى من البرنامج المساعد.
إنشاء بنية ملف وتهيئة المكون الإضافي
قبل أن نبدأ في إنشاء المكون الإضافي فيجما ، نحتاج إلى إنشاء بنية الملف الصحيحة وتهيئة المكون الإضافي. في هذا القسم ، سننظر في جميع الخطوات اللازمة.
1. أولا ، نقوم بإنشاء مجلد جديد للمكون الإضافي الخاص بنا. اسم ذلك بحيث يكون من السهل أن نفهم أي نوع من البرنامج المساعد هو عليه. على سبيل المثال ، "بلدي المساعد".
2. داخل مجلد" بلدي المساعد "، إنشاء مجلد آخر يسمى"سرك". سيتم تخزين جميع الملفات المصدر من البرنامج المساعد الخاص بك هنا.
3. في مجلد" سرك "، إنشاء ملف باسم " الرئيسية.شبيبة". سيكون هذا الملف هو ملف المكون الإضافي الرئيسي ، والذي يحتوي على كل رمز المكون الإضافي.
4. أيضا إنشاء ملف في" سرك "مجلد" واجهة المستخدم.أتش تي أم أل". يحتوي هذا الملف على ترميز هتمل الذي سيتم عرضه في واجهة مستخدم المكون الإضافي.
5. في هذه الخطوة ، نحتاج إلى إنشاء ملف آخر في مجلد" سرك". سمها "بيان.جسون". في هذا الملف ، سنحدد المعلمات والإعدادات الرئيسية للمكون الإضافي الخاص بنا. على سبيل المثال ، اسم المكون الإضافي والإصدار والمؤلف ومعلومات التعريف الأخرى.
6. الآن بعد أن أصبحت بنية الملف جاهزة ، يمكننا المضي قدما في تهيئة المكون الإضافي. افتح " البيان.جسون " ملف وإضافة التعليمات البرمجية التالية داخله:
{
"الاسم": "المكون الإضافي الخاص بي",
"معرف": "كوم.مثال.ماي بلوجين",
"الإصدار": "1.0.0",
"الرئيسية": "الرئيسية.شبيبة",
"واجهة المستخدم": "واجهة المستخدم.أتش تي أم أل",
"المؤلف": {
"الاسم":"اسمك",
"الاتصال": "[email protected]"
}
}
هنا نحدد اسم المكون الإضافي ومعرفه وإصداره والملف الرئيسي " رئيسي.شبيبة "، ملف مع واجهة " واجهة المستخدم.أتش تي أم أل " ومعلومات عن مؤلف البرنامج المساعد.