Saltar al contenido
Guía7 min de lectura

Vídeo de lanzamiento de Figma Make en Product Hunt

Convierta un prototipo de Figma Make en un vídeo de galería que un desconocido vea.

Prepare un prototipo de Figma Make para un vídeo de galería de Product Hunt, desde elegir el flujo hasta revisar la renderización antes del lanzamiento.

Ver cómo funcionaLos primeros 60 segundos de vídeo son gratuitos, con marca de agua. Verifique su correo electrónico para descargarlo.

Una galería de Product Hunt es un lugar extraño para colocar una demo. La mayoría de los visitantes pasa por encima de una miniatura en menos de un segundo, con el sonido desactivado, decidiendo si pulsan reproducir antes de haber leído una sola línea de la descripción. Un vídeo de lanzamiento de Figma Make tiene que ganar esa decisión, lo que significa que el trabajo es más estrecho que "mostrar el producto". Tiene que mostrar un resultado reconocible dentro de los primeros fotogramas, en un formato pensado para una galería, no para una página de ventas. La mayor parte del trabajo para hacerlo bien ocurre antes de grabar nada, al decidir qué único flujo se gana esa primera mirada.

Figma Make convierte una indicación o un diseño en un prototipo funcional con su propio enlace de vista previa compartible. Ese enlace suele ser accesible sin cuenta, ya que la mayoría de las apps de Figma Make son prototipos y no software publicado con una capa de autenticación real detrás. Eso importa para un vídeo de lanzamiento porque significa que el flujo que graba suele ser el mismo flujo que un visitante curioso podría abrir por sí mismo justo después de verlo, sin ningún muro de registro entre el vídeo y lo que representa. Un visitante que ve el vídeo y después abre el enlace debería llegar a la misma pantalla inicial, no a una página bloqueada que le pida crear una cuenta primero.

¿Qué debe mostrar realmente el vídeo?

Muestre la única acción que hace realidad la afirmación principal del producto. Si el eslogan de Product Hunt afirma que la herramienta convierte un boceto en una página funcional, el vídeo debe mostrar un boceto convirtiéndose en una página funcional, no un panel de ajustes ni una página de información. Un espectador de la galería está decidiendo si la afirmación del eslogan es real, y la forma más rápida de responder es un único antes y después que pueda ver suceder.

Resista la tentación de cubrir todo lo que puede hacer el prototipo. Una demo de portafolio para Figma Make puede permitirse un recorrido más amplio porque su espectador ya eligió mirar más de cerca. Un espectador de la galería de Product Hunt todavía no ha hecho esa elección, y un vídeo largo y sin foco se lee como inacabado en lugar de exhaustivo.

Momento de lanzamientoQué necesita el espectador de la galeríaQué dejar fuera
Primeros dos segundosAlgo que ya esté cambiando en pantallaUna pantalla de logotipo o un indicador de carga
DesarrolloLa única acción que promete el esloganAjustes, pantallas de administración, menús no relacionados
Último fotogramaUn resultado que el espectador pueda juzgar sin sonidoUna llamada a la acción que necesite audio para funcionar

¿Cómo cambia la preparación el enlace de vista previa de Figma Make?

Como una vista previa de Figma Make suele estar abierta sin inicio de sesión, el paso de preparación se parece más a abrir un enlace que a organizar credenciales. Abra la URL de vista previa exacta que piensa enviar, en frío, como lo haría un desconocido que llega a ella desde la galería. Fíjese en las mismas interrupciones que puede producir cualquier app web accesible: un estado vacío sin nada poblado, una pantalla de carga que se demora demasiado, o un elemento de diseño que todavía tiene un aspecto de borrador que nunca debió grabarse.

Si alguna parte del flujo sí necesita datos reales para resultar convincente, rellénela con contenido de marcador de posición que sea claramente no un registro real de un cliente. Un prototipo con una tabla vacía o un lienzo en blanco no le dice nada al espectador sobre la afirmación del eslogan.

  • Abra el enlace de vista previa sin contexto previo, exactamente como lo haría un visitante de la galería.
  • Rellene cualquier lista, tabla o lienzo con contenido que no sean datos reales de un cliente.
  • Compruebe que el flujo se completa sin volver a redirigir a una pantalla inicial.
  • Confirme que ningún elemento de diseño en borrador o inacabado aparece en el fotograma que piensa enviar.

Los tres pasos siguientes se mantienen iguales sea cual sea el flujo que elija:

  1. Elija el único flujo que demuestra la afirmación principal del producto, no un recorrido por el prototipo.
  2. Abra el enlace de vista previa como lo haría un visitante de Product Hunt, sin contexto previo y sin iniciar sesión.
  3. Envíe la renderización con antelación y revise el candidato frente al flujo antes de subirlo a la galería.

¿Qué necesita GogoScreen para construir el vídeo?

GogoScreen toma la URL de vista previa y una línea que describe qué mostrar, y devuelve un MP4 narrado y editado aproximadamente dos minutos después. La edición incluye zooms en el clic que importa, suavizado del cursor para que el movimiento se lea limpio al tamaño reducido de la galería, cortes de los silencios muertos y subtítulos integrados para el caso de reproducción automática silenciada. Nada de eso sustituye elegir primero el flujo correcto. Una grabación bien hecha de la acción equivocada sigue fallando la prueba de la galería, y ningún acabado de edición hará que un flujo sin foco se lea como una afirmación de producto clara.

Escriba la indicación de la misma forma en que instruiría a alguien de pie detrás suyo con una cámara. Nombre la pantalla inicial, la única acción y el resultado que espera que sea visible al final. Una indicación como "desde el lienzo vacío, genere la disposición y muestre la página terminada" le da al revisor algo concreto con lo que comprobar la renderización terminada, mientras que una indicación vaga invita a la renderización a vagar por pantallas que no sirven al lanzamiento. Mantenga el vocabulario de la indicación coherente con las etiquetas que realmente son visibles en el prototipo, ya que un desajuste entre la indicación y la interfaz es una de las razones más comunes por las que un primer candidato no da en el clavo.

¿Cómo se revisa el candidato antes del día del lanzamiento?

Compare el MP4 terminado con la indicación que escribió y el flujo que probó a mano. Confirme que el fotograma de apertura muestra algo ya en movimiento, que el desarrollo muestra la acción exacta del eslogan y que el fotograma final se lee con claridad con el sonido apagado. Compruebe los subtítulos frente a lo que realmente ocurrió en pantalla, ya que un desajuste de narración es el tipo de error pequeño que una multitud del día del lanzamiento notará y mencionará en los comentarios.

Incorpore un margen para un segundo intento antes de necesitar el archivo. Aproximadamente una de cada cinco renderizaciones falla directamente o necesita un segundo intento con una indicación más acotada o un estado inicial más limpio, y el tiempo solo se usa cuando una renderización sale bien, así que un intento fallido solo cuesta la espera. La guía de fallo de renderización de vídeo demo recorre el cambio más pequeño que probar primero en lugar de reenviar la misma indicación dos veces. Enviarlo dos o tres días antes del lanzamiento, en lugar de la noche anterior, es lo que convierte esa tasa de reintento en un asunto menor en vez de en un riesgo.

Una vez aprobada la renderización, trátela igual que cualquier otro activo de lanzamiento: compruébela frente a una revisión al estilo de la lista de comprobación de lanzamiento en Product Hunt para un producto de agente de IA, y asegúrese de que un fundador no técnico que lea la galería pueda seguir el flujo sin necesitar entender ya el creador que hay debajo.

¿Dónde más aparece este flujo?

El mismo enlace de vista previa normalmente necesita llegar más lejos que la publicación en la galería. Un vídeo demo de app en staging usa una disciplina de apertura en frío similar para una audiencia interna en lugar de una pública. Una vez que el lanzamiento está en marcha, el siguiente activo que la mayoría de los creadores necesita es una prueba que se pueda entregar a alguien que no va a hacer clic en un enlace de vista previa en absoluto, que es el trabajo que cubre compartir un proyecto de Figma Make con un cliente, y la versión orientada al revisor del mismo problema está en la guía de recorrido de revisión de una app de Figma Make.

Los creadores que comparan plataformas para este mismo trabajo también deberían mirar lo que requieren un vídeo demo de Bubble y un vídeo demo de página de destino de Bubble, ya que los dos creadores difieren en si la app subyacente espera o no un inicio de sesión. Para un traspaso de lanzamiento a otra persona del equipo, la guía de vídeo demo de traspaso de un agente cubre lo que esa persona necesita ver antes de asumir la propiedad. Para una comparación directa de herramientas de grabación, lea GogoScreen frente a Loom. Empiece por la página de inicio de GogoScreen, consulte los precios antes de enviar una renderización, explore la biblioteca completa de guías para activos de lanzamiento relacionados, o vea el resto de las comparaciones frente a otras herramientas de esta categoría.

Aclaraciones

Antes de empezar

¿Un prototipo de Figma Make necesita inicio de sesión para un vídeo de Product Hunt?

Normalmente no. Una app de Figma Make suele ser un prototipo funcional accesible en un enlace de vista previa compartido, sin un sistema de cuentas real detrás, así que la mayoría de los flujos de lanzamiento se pueden grabar sin ninguna credencial.

¿Qué duración debe tener el vídeo de galería para Product Hunt?

Manténgalo breve y centrado en un único flujo. La galería recorta y reproduce automáticamente sin sonido por defecto, así que los primeros segundos cargan con el peso, no un recorrido largo por cada pantalla.

¿Qué ocurre si la renderización falla el día antes del lanzamiento?

Aproximadamente una de cada cinco renderizaciones falla o necesita un segundo intento, así que envíela con antelación y deje un día de margen. Una renderización fallida devuelve automáticamente el tiempo que retenía, sin necesidad de abrir un ticket.

Pegue una URL, describa un flujo y obtenga un vídeo de demostración de su aplicación web.

Los primeros 60 segundos de vídeo son gratuitos, con marca de agua. Verifique su correo electrónico para descargar el vídeo.