Complementos en Figma. De la idea a las 1000 instalaciones

Hace aproximadamente un año, Figma agregó la capacidad de escribir y publicar complementos personalizados. Desde hace mucho tiempo, los que carecen de funciones básicas o quieren agregar funciones adicionales para ellos y para todos los que los rodean, harán que el uso de Figma sea más agradable, más rápido o más divertido.



Dentro del complemento, puede hacer lo que esté disponible para el desarrollador en la web. Prácticamente no existen restricciones en las posibilidades, salvo las relacionadas con el sistema. Afortunadamente, todos están detallados en la documentación . Ya se han escrito muchos artículos detallados sobre el tema de la implementación técnica de complementos, por ejemplo, aquí o aquí . Como diseñadores de productos, Lev Brook y yoQuería pasar por todas las etapas del lanzamiento del complemento, desde la redacción de ideas y códigos hasta la promoción y el trabajo con comentarios de usuarios reales. El artículo trata sobre eso.



imagen



Club de fin de semana del plugin Figma



Todo comenzó con la reunión de Grigory Mashkovtsev . Ya tiene varios de sus plugins, algunos de ellos tienen de dos a tres mil usuarios activos. Existe, por ejemplo, Thanos UI   , un complemento que elimina la mitad aleatoria de los elementos seleccionados.



imagen



Con un pequeño grupo de diseñadores, comenzamos a reunirnos los sábados y a adquirir experiencia en la producción de complementos. En las reuniones mismas, discutimos la implementación técnica de las características juntas, por ejemplo, llamar a la API, interactuar con elementos dentro de Figma, codificar el complemento de UI o usar filtros para imágenes. El resto del tiempo pensamos en ideas para complementos y componentes de productos, posicionamiento, marketing y análisis.



Para nosotros mismos, hemos compilado una lista de verificación con las principales etapas de trabajo en el complemento:



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


Cuando se da cuenta de que crear un complemento no es solo escribir código, sino muchos otros procesos importantes, necesita una pizarra. Trajimos todos nuestros complementos directamente a Notion:



imagen



Usamos la estructura más simple: No iniciado / En progreso / Completado. Hemos ordenado nuestras tareas por etiquetas: Código / Atrás / UI / Marketing para separar las tareas entre sí. No excluyo que para complementos más complejos que implican un montón de actividades complejas diferentes, otros enfoques son adecuados.



Idea de complemento



Sin preocuparnos demasiado por la calidad de la idea, sino preocupándonos por su viralidad, decidimos que sería un complemento sobre gatos: agregará gatos de memes a diferentes partes de los marcos seleccionados. Evalúan el diseño. Tardó tres días en completarse. Nuestro complemento no tiene ninguna interfaz, solo agrega gatos a los marcos seleccionados y se cierra.



imagen



Trabajamos en el posicionamiento. En la descripción del complemento, dijeron que estos gatos te servirán para tomar decisiones de diseño: reemplaza al director de arte; y en algunos casos será posible eliminar por completo la búsqueda de usuarios. Preparamos una hermosa portada y un logo memorable.



A pesar de que el tiempo medio de revisión del complemento es de tres a ocho días, nuestro complemento se cargó en un día y medio.



imagen



Su complemento fue aprobado



Entonces, el complemento está en producción. ¿Que sigue? Cómo hacer que los usuarios conozcan esta increíble herramienta que reducirá drásticamente el tiempo para tomar decisiones de diseño.



A continuación se muestra una lista de herramientas que lo ayudarán a hacer una buena cobertura de las vistas de sus complementos y crear más instalaciones:



  1. La primera apuesta fue por la marca personal y el poder de Facebook. En nuestro caso, la apuesta no estaba justificada, pero quizás alguien lo consiga.
  2. Canales temáticos en el telegrama. El más útil para mí fue el canal de telegramas en ruso sobre complementos para Figma, trajo más de 300 instalaciones por día, ahora hay más de 15,000 diseñadores de habla rusa allí. Si desea forzar las vistas de su complemento, puede solicitar publicidad en este canal y el enlace al complemento se colgará en la parte superior durante varias horas.
  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. , , - , .


?



En este momento, Figma no tiene ningún análisis incorporado para averiguar la cobertura e instalar conversiones. Pero hay una herramienta útil, Figma Plugin Stats , que le ayuda a aprender un poco más. Recopila estadísticas sobre instalaciones, me gusta y, lo más importante, visualizaciones. Lo más interesante es que se puede ver la cantidad de vistas para cualquier complemento, conociendo solo el identificador de perfil de su desarrollador. El mismo día con nuestros Hidden Kittens apareció el famoso plugin Blush de Pablo Stanley, que ahora cuenta con 36.000 instalaciones. Con la ayuda de este script, aprendimos que su conversión para instalar es comparable a la nuestra. Más, por supuesto, pero no 10 veces. Esto significa que tiene más alcance. Resulta que la cantidad de instalaciones se puede predecir de la misma manera.



Monetización



En este momento, no existe una forma nativa de monetizar su complemento. Algunos chicos agregan un enlace a un sitio donde puede suscribirse a un plan superior, luego inician sesión en el complemento y acceden a la funcionalidad premium.



Otra opción que ayudará a ganar dinero con el complemento si es muy popular entre los suscriptores es que los chicos de Figma pueden contactar directamente al autor y arrastrar conjuntamente estas funciones directamente a Figma, en cuyo caso, la cooperación se paga. Aclaramos esto con Tom Lowry en el London Figma Meetup, confirmó que Figma está muy interesado en tal colaboración.



Sin embargo, en el futuro, Figma planea simplificar significativamente el proceso de creación y monetización de complementos, para hacer algo como una mecánica de App Store.



Esto es lo que sucedió como resultado



En total, en tres meses obtuvimos 1000 instalaciones y algunos me gusta. Los complementos son una excelente manera de practicar la creación de su propio producto y aprender algo nuevo. Puede ver todos los aspectos de la creación de un producto: desde el desarrollo de una idea hasta la promoción.



All Articles