Antes de empezar
Quién puede usar esta función
Figma Make está disponible para los puestos Full en los planes de pago.
Puedes probar Figma Make en otros puestos y planes.
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.
Nota: La publicación en Figma Make se puede desactivar mediante la configuración de admin. Si no puedes publicar porque el botón Publicar en Figma Make está deshabilitado, es porque la publicación se ha desactivado para tu equipo u organización.
Publicar un prototipo funcional o una app web
Nota: Antes de publicar, asegúrate de tener los derechos de todo el contenido en el prototipo funcional o app web y de seguir la Política de uso aceptable de Figma. Ten en cuenta que las imágenes proporcionadas por Figma Make provienen de Unsplash. Si planeas usar alguna imagen de Figma Make, eres responsable de verificar que sean aptas para tu caso de uso particular. Están sujetas a los Términos y condiciones de Unsplash que se encuentran disponibles en https://unsplash.com/terms.
Para publicar tu prototipo funcional o app web:
- Abre el archivo de Figma Make que quieres publicar.
- En la esquina superior derecha, haz clic en Publicar.
- En el modal Publicar, establece un título.
- 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.
- 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.
Nota: En ocasiones, puede que no se publique un prototipo funcional o una app web. Si esto ocurre, te recomendamos esperar unos minutos y luego intentarlo de nuevo.
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:
- 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.
- Haz clic en Cancelar publicación.
Modal Publicar
El modal Publicar incluye el título actual, una URL y el estado (publicado o no publicado).
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.
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
- 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.
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).
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.
Nota: En este momento, solo se admite Google Analytics, pero nuestro objetivo es agregar compatibilidad con más proveedores de analítica en el futuro. Puedes usar la configuración de código personalizado para el encabezado y el cuerpo de tu prototipo funcional o app web para proporcionar fragmentos de código para otras plataformas de analítica que no admitimos de forma directa.
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
Usa la configuración de Favicon para subir una imagen y usarla como favicon. Un favicon proporciona una pequeña representación visual de tu prototipo funcional o app web publicados en pestañas del navegador, resultados de búsqueda y marcadores. Recomendamos usar una imagen de 32 px x 32 px.
Imagen para compartir en redes sociales
Usa la configuración Imagen para compartir en redes sociales para cargar una imagen que aparezca cuando tu prototipo funcional o app web publicados se compartan en redes sociales. Recomendamos usar una imagen que tenga 1200 px de ancho por 630 px de alto.
Código personalizado para el encabezado y el cuerpo del sitio
Puedes agregar fragmentos de código personalizados al principio o al final de las etiquetas de encabezado o cuerpo de tu prototipo funcional o app web.
Por ejemplo, cargar etiquetas críticas como las de analítica en el encabezado garantiza que se ejecuten pronto, mientras que los elementos no críticos, como un widget de chat, pueden colocarse al final del cuerpo para evitar que ralenticen el contenido principal de tu prototipo funcional o app web.