Publicar, actualizar o cancelar la publicación de un prototipo funcional o una app web

Cuando estés listo para compartir tu prototipo funcional, app web o UI interactiva con el mundo, puedes publicar. La publicación hace que tu prototipo funcional o app web estén disponibles en la web pública con su propia URL dedicada.

Después de publicar, puedes realizar cambios incrementales en tu prototipo funcional o app web, o cancelar la publicación para quitarlo de la web pública.

También puedes asignar un dominio personalizado a una app web. La cantidad de dominios personalizados que puedes asignar depende de tu plan. El límite se comparte con Figma Sites.

Publicar un prototipo funcional o una app web

Para publicar tu prototipo funcional o app web:

1. Abre el archivo de Figma Make que quieres publicar.
2. En la esquina superior derecha, haz clic en Publicar.
3. En el modal Publicar, establece un título.
4. Opcionalmente, en la esquina superior derecha de la interfaz de Figma Make, haz clic en Configuración de Make para cambiar ajustes adicionales de tu sitio.
5. Haz clic en Publicar.

Después de hacer clic en publicar, tu prototipo funcional o app web estarán disponibles en la web pública. Figma Make proporciona una URL pública que se genera de manera aleatoria y puedes usar para acceder a tu prototipo funcional o app web publicados y compartir con otros. La URL generada se verá así: three-random-words.figma.site.

Una vez que publiques tu prototipo funcional o app web, la ventana de publicación muestra lo siguiente:

• La URL de la app web, que es autogenerada por Figma. Haz clic en la URL para visitar tu prototipo funcional o app web publicados. Ahora puedes cambiar a un dominio personalizado si lo prefieres.
• El estado es Publicado.
• Un nuevo campo que muestra la última fecha de publicación.

Importante: Consulta con un abogado para asegurarte de que entiendes tus obligaciones legales al usar imágenes o publicar a través de Figma Make. No confíes en estas pautas para cerciorarte de que estás en cumplimiento con la ley.

Eres responsable de cualquier información que recopiles de los usuarios (como cosas subidas a sitios o información de visitantes) y de asegurarte de que los datos se administren de conformidad.

Actualizar un prototipo funcional o una app web publicados

Si necesitas modificar el contenido existente, puedes publicar una actualización de tu prototipo funcional o app web.

Los cambios que realices en tu prototipo funcional, app web o UI interactiva solo aparecerán después de que actualices la versión publicada. Por ejemplo, si la interfaz de tu app web cambia, ese cambio no aparecerá en el prototipo funcional o app web publicados hasta que publiques una actualización.

Para publicar cambios, sigue las mismas instrucciones en Publicar un prototipo funcional o app web. Luego, en el modal Publicar, haz clic en Actualizar.

Agregar un dominio personalizado

Si deseas que tu prototipo funcional o app web publicados tengan una URL distinta a la generada aleatoriamente por Figma Make, puedes asignar a la app web un dominio personalizado. Por ejemplo, al agregar un dominio personalizado, podrías asignar https://www.yourdomain.com como la URL de tu prototipo funcional o app web publicados.

Para asignar un dominio personalizado, sigue los pasos en Administrar un dominio personalizado para tu sitio. Los pasos son los mismos para Figma Make.

Cancelar la publicación de un prototipo funcional o una app web

Al cancelar la publicación de tu prototipo funcional o app web, se eliminará de la web pública. Si decides volver a publicar más adelante, Figma reutilizará la misma URL. Para cancelar la publicación:

1. En el archivo de Figma Make para el prototipo funcional o la app web cuya publicación quieres cancelar, haz clic en Configuración de Make en la esquina superior derecha.
2. Haz clic en Cancelar publicación.

Modal Publicar

El modal Publicar incluye lo siguiente:

• Título: el título de tu prototipo funcional o app web tal como aparece en las pestañas del navegador, los resultados de los motores de búsqueda y las redes sociales. Agregar un título ayuda a la gente a comprender qué sitio están viendo, mejora el SEO y mejora la accesibilidad.
• URL: si el prototipo funcional o la app web nunca se ha publicado, se muestra una URL de ejemplo. De lo contrario, se muestra la URL real del prototipo funcional o app web publicados. Cuando no se publica, la URL que se muestra no cambia, pero ya no está activa en la web pública.
• Estado: el estado predeterminado es No publicado. Si el prototipo funcional o la app web están en vivo, verás Publicado.
• Quién puede ver (solo planes Organización y Empresa): puedes publicar tu app para que esté disponible para todos en la web, o restringir el acceso solo a una audiencia interna. 

Modal Configuración de Make

Hay una serie de configuraciones avanzadas opcionales que puedes establecer antes o después de publicar tu prototipo funcional o app web. Para ver el modal Configuración de Make, en la esquina superior derecha de la interfaz de Figma Make, haz clic en Configuración de Make.

El modal Configuración de Make es donde especificas los metadatos y la visibilidad de tu prototipo funcional o app web publicados. En el modal Configuración de Make, puedes ver si tu prototipo funcional está publicado o no, publicarlo y cancelar su publicación, y establecer lo siguiente:

• Título
• Descripción meta
• Idioma
• ID de Google Analytics
• Excluir todas las páginas de los resultados de los motores de búsqueda
• Favicon
• Administración del acceso a la app publicada
• Imagen para compartir en redes sociales
• Código personalizado para el encabezado y el cuerpo del sitio

Título

Usa la configuración Título para especificar un título para tu prototipo funcional o app web publicados. El título aparece en las pestañas del navegador, los resultados del motor de búsqueda y las redes sociales. Agregar un título ayuda a la gente a comprender en qué página están en su navegador, ayuda al SEO y mejora la accesibilidad.

Si no se proporciona ningún título, Figma generará uno por ti.

Descripción meta

Usa la configuración Descripción meta para proporcionar una descripción de tu prototipo funcional o app web publicados. Una descripción meta es un breve resumen del contenido de tu sitio web o página y está diseñada para atraer usuarios y mejorar las tasas de clics de las páginas de resultados de los motores de búsqueda (SERP).

Si no se proporciona ninguna descripción, Figma generará una por ti.

Idioma

Usa la configuración Idioma para definir el idioma principal del contenido en tu prototipo funcional o app web. Establecer el código de idioma para tu prototipo funcional o app web mejora la accesibilidad y ayuda a las funciones de traducción del navegador al indicar claramente el idioma principal.

Los códigos de idioma ISO asignan identificadores únicos a los idiomas. Algunos de los códigos de idioma más comunes son los siguientes:

• ar: árabe
• de: alemán
• en: inglés
• es: español
• fr: francés
• ja: japonés
• hi: hindi
• ru: ruso
• pt: portugués
• zh: chino

Consulta una lista completa de los códigos de idioma ISO en Wikipedia.

ID de Google Analytics

Usa la configuración de ID de Google Analytics para capturar métricas de uso con Google Analytics. Conéctate a una propiedad de Google Analytics para obtener insights sobre cómo las personas usan tu sitio web publicado.

Revisa las instrucciones de Google sobre cómo encontrar tu ID de Google Analytics.

Ten en cuenta que eres responsable de garantizar que tu prototipo funcional o app web cumpla con las leyes aplicables, incluidas las relativas a las cookies, la privacidad y la recopilación de datos.

Excluir todas las páginas de los resultados de los motores de búsqueda

Habilita la opción Excluir todas las páginas de los resultados del motor de búsqueda para indicar a los robots de los motores de búsqueda que no indexen tu prototipo funcional o app web ni los muestren en los resultados de búsqueda.

Marca la casilla para agregar una etiqueta <meta name="robots" content="noindex"> al encabezado de tu prototipo funcional o app web publicados.

Favicon

Utiliza la configuración de Favicon para cargar una imagen que se utilizará como favicon. Un favicon proporciona una pequeña representación visual de tu prototipo funcional o app web publicado en las pestañas del navegador, los resultados de búsqueda y los marcadores. Recomendamos utilizar una imagen de 48 px x 48 px.

Administración del acceso al sitio publicado

Elige quién puede acceder a la app publicada Organización Empresa

En los planes Organización y Empresa, puedes elegir si deseas publicar tu app en la web abierta o restringirla a un público interno. Si un archivo se publica internamente:

• Cualquier miembro de tu organización con sesión iniciada puede verlo
• No pueden acceder a él invitados ni cualquier persona externa a tu organización 

Agregar protección con contraseña

Cuando la protección con contraseña está habilitada, los visitantes deben ingresar una contraseña para ver el contenido de tu app web publicada, incluidos los metadatos como el título o la descripción.

Puedes crear tu propia contraseña o utilizar una generada automáticamente por Figma:

• Las contraseñas que crees deben tener un mínimo de 4 caracteres y pueden contener cualquier tipo de carácter
• Las contraseñas generadas por Figma combinan cuatro palabras aleatorias, lo que las hace seguras y únicas

La contraseña se aplicará automáticamente a tu app web publicada tan pronto como la guardes. No es necesario que vuelvas a publicarla, aunque los cambios pueden tardar uno o dos minutos en surtir efecto.

Una vez configurada, no podrás volver a ver la contraseña. Si olvidas copiarla, tendrás que crear una nueva. Cuando cambies la contraseña, cualquier persona que tuviera acceso anteriormente deberá ingresar la nueva contraseña la próxima vez que actualice la app web.