داخل المكون الإضافي ، يمكنك القيام بكل ما هو متاح للمطور على الويب. لا توجد قيود عمليا على الاحتمالات ، باستثناء تلك المتعلقة بالنظام. لحسن الحظ ، تم تفصيلها جميعًا في الوثائق . تم بالفعل كتابة العديد من المقالات التفصيلية حول موضوع التنفيذ الفني للمكونات الإضافية ، على سبيل المثال ، هنا أو هنا . بصفتي مصممي منتجات ، أنا وليف بروككنت أرغب في المرور بجميع مراحل إصدار المكون الإضافي ، من كتابة الفكرة والكود إلى الترويج والعمل مع التعليقات من المستخدمين الحقيقيين. المقال عن ذلك.
نادي عطلة نهاية الأسبوع البرنامج المساعد فيجما
بدأ كل شيء بمقابلة غريغوري مشكوفتسيف . لديه بالفعل العديد من المكونات الإضافية الخاصة به ، بعضها لديه ما بين ألفين وثلاثة آلاف مستخدم نشط. هناك ، على سبيل المثال ، Thanos UI - مكون إضافي يزيل النصف العشوائي من العناصر المحددة.
مع مجموعة صغيرة من المصممين ، بدأنا في التجمع أيام السبت وجمعنا الخبرة في إنتاج المكونات الإضافية. في الاجتماعات نفسها ، ناقشنا التنفيذ الفني للميزات معًا ، على سبيل المثال ، استدعاء واجهة برمجة التطبيقات أو التفاعل مع العناصر الموجودة داخل Figma أو ترميز المكون الإضافي لواجهة المستخدم أو استخدام عوامل تصفية للصور. في بقية الوقت ، فكرنا في أفكار للمكونات الإضافية ومكونات المنتج وتحديد المواقع والتسويق والتحليلات.
لأنفسنا ، قمنا بتجميع قائمة مراجعة بالمراحل الرئيسية للعمل على المكون الإضافي:
- . , , . .
- , - .
- , . , , .
- .
- . Mixpanel — . , Google Analytics, . , Figma , iframe. , .
- -, . Figma. : , - , .
- , . , .
- .
- ! !
عندما تدرك أن إنشاء مكون إضافي ليس فقط كتابة التعليمات البرمجية ، بل مجموعة من العمليات المهمة الأخرى ، فأنت بحاجة إلى لوحة بيضاء. لقد أحضرنا جميع المكونات الإضافية مباشرة إلى Notion:
استخدمنا أبسط بنية: لم تبدأ / قيد التقدم / مكتملة. لقد قمنا بفرز مهامنا حسب العلامات: Code / Back / UI / Marketing لفصل المهام فيما بينها. لا أستبعد أنه بالنسبة للمكونات الإضافية الأكثر تعقيدًا التي تتضمن مجموعة من الأنشطة المعقدة المختلفة ، فإن الأساليب الأخرى مناسبة.
فكرة البرنامج المساعد
دون القلق بشأن جودة الفكرة ، ولكن القلق بشأن مدى انتشارها ، قررنا أنها ستكون مكونًا إضافيًا عن القطط - ستضيف القطط من الميمات إلى أجزاء مختلفة من الإطارات المحددة. نوع من تقييم التصميم. استغرق الأمر ثلاثة أيام حتى يكتمل. لا يحتوي المكون الإضافي الخاص بنا على واجهة على الإطلاق ، فهو يضيف قططًا إلى الإطارات المحددة ويغلق.
لقد عملنا على تحديد المواقع. في وصف المكون الإضافي ، قالوا إن هذه القطط ستخدمك من أجل اتخاذ قرارات التصميم - لتحل محل المدير الفني ؛ وفي بعض الحالات سيكون من الممكن القضاء تمامًا على بحث المستخدم. قمنا بإعداد غلاف جميل وشعار لا ينسى.
على الرغم من حقيقة أن متوسط وقت مراجعة المكون الإضافي يتراوح من ثلاثة إلى ثمانية أيام ، فقد تمت الموافقة على المكون الإضافي الخاص بنا في يوم ونصف.
تمت الموافقة على المكون الإضافي الخاص بك
إذن ، البرنامج المساعد قيد الإنتاج. ماذا بعد؟ كيفية تعريف المستخدمين بهذه الأداة الرائعة التي ستقلل بشكل كبير من وقت اتخاذ قرارات التصميم.
فيما يلي قائمة بالأدوات التي ستساعدك في إجراء تغطية جيدة لطرق عرض المكون الإضافي وإنشاء المزيد من عمليات التثبيت:
- كان الرهان الأول على العلامة التجارية الشخصية وقوة Facebook. في حالتنا ، لم يكن الرهان مبررًا ، لكن ربما ينجح شخص ما.
- القنوات الموضوعية في البرقية. الأكثر فائدة بالنسبة لي كانت قناة التلغرام باللغة الروسية حول المكونات الإضافية لـ Figma ، فقد جلبت أكثر من 300 تثبيت في اليوم ، والآن هناك أكثر من 15000 مصمم يتحدث الروسية. إذا كنت ترغب في فرض طرق عرض المكون الإضافي الخاص بك ، فيمكنك طلب الإعلان في هذه القناة وسيتوقف رابط المكون الإضافي في الأعلى لعدة ساعات.
- . , . , . , - .
- Product Hunt. Product Hunt — . , , 00:00 . 4 5 Product of the Day, 12-. , , Product Hunt Figma .
- Twitter Figma Plugins. : Figma , Product Hunt, . Figma Plugins 2000 , Figma 110 000.
- Facebook. , , - , .
?
في الوقت الحالي ، لا تمتلك Figma أي تحليلات مضمنة لمعرفة التغطية وتثبيت التحويلات. ولكن هناك أداة مفيدة ، وهي Figma Plugin Stats ، والتي تساعدك على تعلم المزيد. يجمع إحصاءات حول عمليات التثبيت والإعجابات والأهم من ذلك ، المشاهدات. الشيء الأكثر إثارة للاهتمام هو أنه يمكن رؤية عدد المشاهدات لأي مكون إضافي ، مع العلم فقط بمعامل الملف الشخصي لمطوره . في نفس اليوم مع Hidden Kittens ، ظهر المكون الإضافي Blush الشهير من Pablo Stanley ، والذي يضم الآن 36000 تثبيت. بمساعدة هذا البرنامج النصي ، علمنا أن تحويله إلى التثبيت يمكن مقارنته بتحويلنا. أكثر بالطبع ، لكن ليس 10 مرات. هذا يعني أنه أصبح أكثر انتشارًا. اتضح أنه يمكن التنبؤ بعدد عمليات التثبيت بنفس الطريقة.
تسييل
في الوقت الحالي ، لا توجد طريقة أصلية لاستثمار المكون الإضافي الخاص بك. يضيف بعض اللاعبين رابطًا إلى موقع حيث يمكنك الاشتراك في خطة أعلى ، ثم تسجيل الدخول إلى المكون الإضافي والوصول إلى الوظيفة المتميزة.
خيار آخر من شأنه أن يساعد في جني الأموال من البرنامج المساعد ، إذا كان شائعًا جدًا لدى المشتركين - يمكن للأشخاص من Figma الاتصال مباشرة بالمؤلف وسحب هذه الوظائف بشكل مشترك مباشرة إلى Figma ، وفي هذه الحالة ، يتم دفع التعاون. أوضحنا ذلك مع Tom Lowry في London Figma Meetup ، وأكد أن Figma مهتم جدًا بمثل هذا التعاون.
ومع ذلك ، تخطط Figma في المستقبل لتبسيط عملية إنشاء المكونات الإضافية وتحقيق الدخل منها بشكل كبير ، للقيام بشيء مثل ميكانيكي متجر التطبيقات.
هذا ما حدث نتيجة لذلك
في المجموع ، حصلنا في ثلاثة أشهر على 1000 عملية تثبيت وعدد قليل من الإعجابات. تعد المكونات الإضافية طريقة رائعة للتدرب على إنشاء منتجك الخاص وتعلم شيء جديد. يمكنك إلقاء نظرة على جميع جوانب إنشاء منتج: من تطوير فكرة إلى الترويج.