Plugins in Figma. Von der Idee bis zu 1000 Installationen

Vor etwa einem Jahr hat Figma die Möglichkeit hinzugefügt, benutzerdefinierte Plugins zu schreiben und zu veröffentlichen. Dies fehlt seit langem für diejenigen, denen grundlegende Funktionen fehlen oder die zusätzliche Funktionen für sich selbst und für alle um sie herum hinzufügen möchten, um die Verwendung von Figma angenehmer, schneller oder unterhaltsamer zu gestalten.



Innerhalb des Plugins können Sie alles tun, was dem Entwickler im Web zur Verfügung steht. Es gibt praktisch keine Einschränkungen für die Möglichkeiten, außer für diejenigen, die sich auf das System beziehen. Glücklicherweise sind sie alle in der Dokumentation aufgeführt . Zum Beispiel hier oder hier wurden bereits viele ausführliche Artikel zum Thema der technischen Implementierung von Plugins verfasst . Als Produktdesigner haben Lev Brook und ichIch wollte alle Phasen der Plugin-Veröffentlichung durchlaufen, von der Idee und dem Schreiben von Code bis zur Werbung, und mit dem Feedback von echten Benutzern arbeiten. Der Artikel handelt davon.

Figma Plugin Wochenendclub

Alles begann mit dem Treffen mit Grigory Mashkovtsev . Er hat bereits mehrere seiner Plugins, von denen einige zwei- bis dreitausend aktive Benutzer haben. Es gibt zum Beispiel Thanos UI   - ein Plugin, das die zufällige Hälfte aus den ausgewählten Elementen entfernt.







Mit einer kleinen Gruppe von Designern haben wir uns samstags versammelt und Fachwissen in der Plugin-Produktion gesammelt. In den Meetings selbst haben wir die technische Implementierung von Funktionen gemeinsam besprochen, z. B. das Aufrufen der API, die Interaktion mit Elementen in Figma, das Codieren des UI-Plugins oder die Verwendung von Filtern für Bilder. Den Rest der Zeit haben wir über Ideen für Plugins und Produktkomponenten, Positionierung, Marketing und Analyse nachgedacht.



Für uns haben wir eine Checkliste mit den wichtigsten Arbeitsschritten am Plugin zusammengestellt:

1. . , , . .
2. , - .
3. , . , , .
4. .
5. . Mixpanel — . , Google Analytics, . , Figma , iframe. , .
6. -, . Figma. : , - , .
7. , . , .
8. .
9. ! !

Wenn Sie feststellen, dass beim Erstellen eines Plugins nicht nur Code geschrieben wird, sondern auch eine Reihe anderer wichtiger Prozesse, benötigen Sie ein Whiteboard. Wir haben alle unsere Plugins direkt zu Notion gebracht:







Wir haben die einfachste Struktur verwendet: Nicht gestartet / In Bearbeitung / Abgeschlossen. Wir haben unsere Aufgaben nach Tags sortiert: Code / Zurück / Benutzeroberfläche / Marketing, um Aufgaben untereinander zu trennen. Ich schließe nicht aus, dass für komplexere Plugins, die eine Reihe unterschiedlicher komplexer Aktivitäten implizieren, andere Ansätze geeignet sind.

Plugin Idee

Ohne uns zu sehr um die Qualität der Idee zu kümmern, sondern um ihre Viralität zu sorgen, haben wir beschlossen, dass es sich um ein Plugin für Katzen handelt - es werden Katzen aus Memen zu verschiedenen Teilen der ausgewählten Frames hinzugefügt. Sie bewerten das Design. Die Fertigstellung dauerte drei Tage. Unser Plugin hat überhaupt keine Schnittstelle, es fügt nur Katzen zu den ausgewählten Frames hinzu und schließt.







Wir haben an der Positionierung gearbeitet. In der Beschreibung des Plugins heißt es, dass diese Katzen Ihnen dienen werden, um Designentscheidungen zu treffen - um den Art Director zu ersetzen; und in einigen Fällen wird es möglich sein, Benutzerrecherchen vollständig zu eliminieren. Wir haben ein wunderschönes Cover und ein unvergessliches Logo vorbereitet.



Trotz der durchschnittlichen Überprüfungszeit für Plug-Ins zwischen drei und acht Tagen wurde unser Plug-In in anderthalb Tagen hochgeladen.

Ihr Plugin wurde genehmigt

Das Plugin ist also in Produktion. Was weiter? Wie Sie Benutzer mit diesem erstaunlichen Tool vertraut machen, das die Zeit für Entwurfsentscheidungen drastisch verkürzt.



Im Folgenden finden Sie eine Liste von Tools, mit denen Sie Ihre Plugin-Ansichten gut abdecken und weitere Installationen erstellen können:

1. Die erste Wette war auf die persönliche Marke und die Macht von Facebook. In unserem Fall war die Wette nicht gerechtfertigt, aber vielleicht wird jemand Erfolg haben.
2. Thematische Kanäle im Telegramm. Am nützlichsten für mich war der russischsprachige Telegrammkanal über Plug-Ins für Figma, der mehr als 300 Installationen pro Tag brachte. Mittlerweile gibt es dort mehr als 15.000 russischsprachige Designer. Wenn Sie die Aufrufe Ihres Plugins erzwingen möchten, können Sie Werbung in diesem Kanal bestellen. Der Link zum Plugin bleibt mehrere Stunden lang oben hängen.
3. . , . , . , - .
4. Product Hunt. Product Hunt —  . , , 00:00 . 4 5 Product of the Day, 12-. , , Product Hunt Figma .
5. Twitter Figma Plugins. : Figma , Product Hunt, . Figma Plugins 2000 , Figma   110 000.
6. Facebook. , , - , .

?

Derzeit verfügt Figma über keine integrierten Analysen, um die Reichweite und Konvertierung bei der Installation zu ermitteln. Es gibt jedoch ein nützliches Tool, Figma Plugin Stats , mit dem Sie ein wenig mehr lernen können. Es sammelt Statistiken über Installationen, Likes und vor allem Ansichten. Das Interessanteste ist, dass die Anzahl der Ansichten für jedes Plugin angezeigt werden kann, wobei nur das Profilhandle des Entwicklers bekannt ist. Am selben Tag erschien mit unseren Hidden Kittens das berühmte Blush- Plugin von Pablo Stanley, das jetzt 36.000 Installationen hat. Mithilfe dieses Skripts haben wir gelernt, dass die Konvertierung zur Installation mit unserer vergleichbar ist. Mehr natürlich, aber nicht zehnmal. Dies bedeutet, dass es nur mehr Reichweite hat. Es stellt sich heraus, dass die Anzahl der Installationen auf die gleiche Weise vorhergesagt werden kann.

Monetarisierung

Derzeit gibt es keine native Möglichkeit, Ihr Plugin zu monetarisieren. Einige Leute fügen einen Link zu einer Site hinzu, auf der Sie einen höheren Tarif abonnieren, sich dann beim Plugin anmelden und auf die Premium-Funktionalität zugreifen können.



Eine weitere Option, mit der Sie mit dem Plugin Geld verdienen können, wenn es bei Abonnenten sehr beliebt ist - die Jungs von Figma können sich direkt an den Autor wenden und diese Funktionen gemeinsam direkt in Figma ziehen. In diesem Fall wird die Zusammenarbeit bezahlt. Wir haben dies mit Tom Lowry beim Londoner Figma Meetup geklärt. Er bestätigte, dass Figma an einer solchen Zusammenarbeit sehr interessiert ist.



In Zukunft plant Figma jedoch, den Prozess des Erstellens und Monetarisierens von Plugins erheblich zu vereinfachen, um so etwas wie einen App Store-Mechaniker zu tun.

Dies ist das Ergebnis

Insgesamt haben wir in drei Monaten 1000 Installationen und ein paar Likes erhalten. Plugins sind eine großartige Möglichkeit, das Erstellen eines eigenen Produkts zu üben und etwas Neues zu lernen. Sie können alle Aspekte der Produktentwicklung betrachten: von der Entwicklung einer Idee bis zur Werbung.