Antes de empezar
Quién puede utilizar esta función
Figma Make está disponible para puestos Full en planes de pago.
Puedes probar Figma Make en otros puestos y planes.
Cuando te hayas decidido a compartir tu prototipo funcional, aplicación web o IU interactiva con el mundo, puedes publicarlo. La publicación hace que tu prototipo funcional o aplicación web esté disponible en la web pública con su propia URL específica.
Tras publicarlo, puedes hacer cambios graduales en tu prototipo funcional o aplicación web o anular su publicación para eliminarlo de la web pública.
También puedes asignar un dominio personalizado a una aplicación web. El número 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 a través de la configuración del administrador. Si no puedes publicar porque el botón Publicar de Figma Make está desactivado, es porque la publicación está desactivada para tu equipo u organización.
Publicar un prototipo funcional o aplicación web
Nota: antes de publicar, asegúrate de tener los derechos de todo el contenido del prototipo funcional o la aplicación 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 utilizar alguna imagen de Figma Make, eres responsable de comprobar que es apta para tu uso particular. Están sujetos a los Términos y condiciones de Unsplash disponibles en https://unsplash.com/terms.
Para publicar tu prototipo funcional o aplicación web:
- Abre el archivo de Figma Make que quieres publicar.
- En la esquina superior derecha, haz clic en Publicar.
- En el modal Publicar, ponle un título.
- Opcionalmente, en la esquina superior derecha de la interfaz de Figma Make, haz clic en Configuración de Make para cambiar la configuración adicional de tu sitio.
- Haz clic en Publicar.
Después de hacer clic en publicar, tu prototipo funcional o aplicación web está disponible en la web pública. Figma Make proporciona una URL pública generada aleatoriamente que puedes usar para acceder a tu prototipo funcional o aplicación web publicada y compartirla con los demás. La URL generada se verá así: three-random-words.figma.site
Nota: de vez en cuando, un prototipo funcional o una aplicación web no se llega a publicar. Si esto ocurre, te recomendamos que esperes unos minutos y vuelvas a intentarlo.
Una vez que publiques tu prototipo funcional o aplicación web, la ventana de publicación muestra lo siguiente:
- La URL de la aplicación web, que es generada automáticamente por Figma. Haz clic en la URL para visitar tu prototipo funcional o aplicación web publicada. 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 utilizar imágenes o publicarlas a través de Figma Make. No confíes en estas directrices para asegurarte de que estás en cumplimiento con la ley.
Eres responsable de cualquier información que recopiles de los usuarios (como todo aquello que subas a los sitios o la información de los visitantes) y de garantizar que los datos se gestionen de forma compatible.
Actualizar un prototipo funcional o una aplicación web publicados
Si necesitas modificar contenido existente, puedes publicar una actualización de tu prototipo funcional o aplicación web.
Cualquier cambio que efectúes en tu prototipo funcional, aplicación web o IU interactiva solo aparecerá después de que actualices la versión publicada. Por ejemplo, si la interfaz de tu aplicación web cambia, ese cambio no aparecerá en el prototipo funcional o la aplicación web publicados hasta que publiques una actualización.
Para publicar cambios, sigue las mismas instrucciones en Publicar un prototipo funcional o una aplicación web. Luego, en el modal Publicar, haz clic en Actualizar.
Añadir un dominio personalizado
Si deseas que tu prototipo funcional o aplicación web publicada tenga una URL diferente a la generada aleatoriamente por Figma Make, puedes asignar a la aplicación web un dominio personalizado. Por ejemplo, al añadir un dominio personalizado, puedes asignar https://www.yourdomain.com
como la URL de tu prototipo funcional o aplicación web publicada.
Para asignar un dominio personalizado, sigue los pasos en Administrar un dominio personalizado para tu sitio. Los pasos son los mismos para Figma Make.
Despublica un prototipo funcional o una aplicación web
Si anulas la publicación de tu prototipo funcional o aplicación web, se eliminará de la web pública. Si decides volver a publicar más tarde, Figma reutilizará la misma URL. Para anular la publicación:
- En el archivo Figma Make del prototipo funcional o aplicación web que quieres anular la publicación, haz clic en Configuración de Make en la esquina superior derecha.
- Haz clic en Anular publicación.
Modal de publicación
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 aplicación web tal como aparece en las pestañas del navegador, los resultados de los motores de búsqueda y las redes sociales. Añadir un título ayuda a las personas a entender qué sitio están viendo, mejora el SEO y mejora la accesibilidad.
-
URL: si el prototipo funcional o la aplicación web nunca se ha publicado, se muestra una URL de ejemplo. De lo contrario, se muestra la URL real del prototipo funcional o la aplicación web publicada. Cuando no se publica, la URL mostrada 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 aplicación web están disponibles, verás Publicado en su lugar.
Modal de Configuración de Make
Hay una serie de opciones de configuración avanzadas opcionales que puedes establecer antes o después de publicar tu prototipo funcional o aplicación web. Para ver el modal de Configuración de Make, en la esquina superior derecha de la interfaz de Figma Make, haz clic en Configuración de Make.
El modal de Configuración de Make es el lugar en el que especificas los metadatos y la capacidad de descubrimiento de tu prototipo funcional o aplicación web publicado. En el modal de Configuración de Make, puedes ver si tu prototipo funcional está publicado o no, publicarlo y anular su publicación y establecer lo siguiente:
- Título
- Metadescripción
- Lenguaje
- ID de Google Analytics
- Excluir todas las páginas de los resultados de los motores de búsqueda
- Favicono
- Imagen para compartir en redes sociales
- Programación personalizada 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 aplicación web publicada. El título aparece en las pestañas del navegador, en los resultados de los motores de búsqueda y en 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.
Metadescripción
Usa la Configuración de metadescripción para proporcionar una descripción de tu prototipo funcional o aplicación web publicada. Una metadescripción es un breve resumen del contenido de tu sitio web o página y está diseñada para atraer a usuarios y mejorar las tasas de clics de las páginas de resultados de los motores de búsqueda (SERP).
Lenguaje
Utiliza la configuración de Idioma para definir el idioma principal del contenido en tu prototipo funcional o aplicación web. Programar el código de idioma para tu prototipo funcional o aplicación 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 incluyen:
- 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 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 análisis en el futuro. Puedes usar la configuración de código personalizada para el encabezado y el cuerpo de tu prototipo funcional o aplicación web para proporcionar fragmentos de código para otras plataformas de análisis que no admitimos directamente.
Ten en cuenta que eres responsable de garantizar que tu prototipo funcional o aplicación web cumpla con las leyes aplicables, incluidas las relativas a las cookies, la privacidad y la recolección de datos.
Excluir todas las páginas de los resultados de los motores de búsqueda
Activa la opción Excluir todas las páginas de los resultados de los motores de búsqueda para indicar a los robots de los motores de búsqueda que no indexen tu prototipo funcional o aplicación web ni la muestren en los resultados de búsqueda.
Marca la casilla para añadir una etiqueta <meta name="robots" content="noindex">
a la cabecera de tu prototipo funcional o aplicación web publicado.
Favicono
Usa la configuración de Favicono para cargar una imagen que se usará como favicono. Un favicono ofrece una pequeña representación visual de tu prototipo funcional o aplicación web publicado en las pestañas del navegador, los resultados de búsqueda y los marcadores. Recomendamos utilizar una imagen de 32 px x 32 px.
Imagen para compartir en redes sociales
Usa la configuración de Imagen para compartir en redes sociales para cargar una imagen que aparezca cuando tu prototipo funcional o aplicación web publicado se comparta en las redes sociales. Recomendamos usar una imagen de 1200 px de ancho por 630 px de alto.
Programación personalizada para el encabezado y el cuerpo del sitio
Puedes agregar fragmentos de código personalizados al principio o al final de las etiquetas de cabeza o cuerpo de tu prototipo funcional o aplicación web.
Por ejemplo, cargar etiquetas críticas como las de análisis en el encabezado garantiza que se ejecuten temprano, mientras que los elementos no críticos, como un widget de chat, se pueden colocar al final del cuerpo para evitar que ralenticen el contenido principal de tu prototipo funcional o aplicación web.