Publier, mettre à jour ou retirer de la publication un prototype fonctionnel ou une application Web

Lorsque vous êtes prêt à partager votre prototype fonctionnel, votre application Web ou votre interface utilisateur interactive avec le monde entier, vous pouvez le publier. La publication rend votre prototype fonctionnel ou votre application Web disponible sur le Web public avec sa propre URL dédiée.

Après l'avoir publié, vous pouvez apporter des modifications incrémentielles à votre prototype fonctionnel ou à votre application Web, ou le dépublier pour le retirer du Web public.

Vous pouvez également attribuer un domaine personnalisé à une application Web. Le nombre de domaines personnalisés que vous pouvez attribuer dépend de votre forfait. La limite est partagée avec Figma Sites.

Publier un prototype fonctionnel ou une application Web

Pour publier votre prototype fonctionnel ou votre application Web :

1. Ouvrez le fichier Figma Make que vous souhaitez publier.
2. Dans le coin supérieur droit, cliquez sur Publier.
3. Dans la fenêtre modale Publier, définissez un titre.
4. Si vous le souhaitez, dans le coin supérieur droit de l'interface Figma Make, cliquez sur settings Make pour modifier les paramètres supplémentaires de votre site.
5. Cliquez sur Publier.

Après avoir cliqué sur Publier, votre prototype fonctionnel ou votre application Web devient accessible sur le Web public. Figma Make fournit une URL publique générée de manière aléatoire que vous pouvez utiliser pour accéder à votre prototype fonctionnel ou à votre application Web publiés et le partager avec d'autres personnes. L'URL générée ressemblera à ceci : three-random-words.figma.site

Une fois que vous avez publié votre prototype fonctionnel ou votre application Web, la fenêtre de publication affiche les éléments suivants  :

• L'URL de l'application Web, qui est générée automatiquement par Figma. Cliquez sur l'URL pour visiter votre prototype fonctionnel ou votre application Web publiés. Vous pouvez désormais passer à un domaine personnalisé si vous préférez.
• Le statut est Publié.
• Un nouveau champ qui indique la date de dernière publication.

Important : veuillez consulter un avocat pour vous assurer de bien comprendre vos obligations légales lorsque vous utilisez des images ou que vous publiez via Figma Make. Ne vous fiez pas aux présentes directives pour vous assurer que vous êtes en conformité avec la loi.

Vous êtes responsable de toutes les informations que vous collectez auprès des utilisateurs (telles que les éléments téléchargés sur les sites ou les informations relatives aux visiteurs) et devez vous assurer que ces données sont gérées conformément à la réglementation.

Mettre à jour un prototype fonctionnel ou une application Web publiés

Si vous devez modifier le contenu existant, vous pouvez publier une mise à jour de votre prototype fonctionnel ou de votre application Web.

Toutes les modifications que vous apportez à votre prototype fonctionnel, à votre application Web ou à votre UI interactive n'apparaîtront qu'après la mise à jour de la version publiée. Par exemple, si l'interface de votre application Web change, cette modification n'apparaîtra pas sur le prototype fonctionnel ou sur l'application Web publiés tant que vous n'aurez pas publié une mise à jour.

Pour publier les modifications, suivez les mêmes instructions dans Publier un prototype fonctionnel ou une application Web. Ensuite, dans la fenêtre modale Publier, cliquez sur Mettre à jour.

Ajouter un domaine personnalisé

Si vous souhaitez que votre prototype fonctionnel ou votre application Web publiés aient une URL différente de celle générée aléatoirement par Figma Make, vous pouvez attribuer un domaine personnalisé à l'application Web. Par exemple, en ajoutant un domaine personnalisé, vous pouvez attribuer l'URL https://www.yourdomain.com à votre prototype fonctionnel ou à votre application Web publiés.

Pour attribuer un domaine personnalisé, suivez les étapes dans Gérer un domaine personnalisé pour votre site. Les étapes sont les mêmes pour Figma Make.

Dépublier un prototype fonctionnel ou une application Web

Dépublier votre prototype fonctionnel ou application Web le retirera du Web public. Si vous décidez de republier ultérieurement, Figma réutilisera la même URL. Pour dépublier :

1. Dans le fichier Figma Make du prototype fonctionnel ou de l'application Web que vous souhaitez dépublier, cliquez sur Paramètres Make en haut à droite.
2. Cliquez sur Annuler la publication.

Fenêtre modale Publier

La fenêtre modale Publier comprend les éléments suivants :

• Titre : Le titre de votre prototype fonctionnel ou application Web tel qu’il apparaît dans les onglets du navigateur, les résultats des moteurs de recherche et les réseaux sociaux. L’ajout d’un titre aide les utilisateurs à comprendre quel site ils consultent, améliore le référencement naturel (SEO) et améliore l’accessibilité.
• URL : Si le prototype fonctionnel ou l’application Web n’a jamais été publié(e), un exemple d’URL est affiché. Sinon, l’URL réelle du prototype fonctionnel ou de l’application Web publiés est affichée. Lorsqu’il/elle est dépublié(e), l’URL affichée ne change pas, mais n’est plus active sur le Web public.
• Statut : Le statut par défaut est Non publié. Si le prototype fonctionnel ou l’application Web est en ligne, Publié s’affichera à la place.
• Qui peut afficher (forfaits Organisation et forfait Entreprise uniquement) : vous pouvez publier votre application pour qu'elle soit accessible à tous sur le web ou en restreindre l'accès à un public interne uniquement. 

Fenêtre modale Paramètres Make

Il existe un certain nombre de paramètres avancés facultatifs que vous pouvez définir avant ou après que la publication de votre prototype fonctionnel ou de votre application Web. Pour accéder à la fenêtre modale Paramètres Make, dans le coin supérieur droit de l’interface Figma Make, cliquez sur Paramètres Make.

La fenêtre modale Paramètres Make est l’endroit où vous spécifiez les métadonnées et la découvrabilité de votre prototype fonctionnel ou application web publié(s). Dans la fenêtre modale Paramètres Make, vous pouvez voir si votre prototype fonctionnel est publié, le publier ou le dépublier, et définir les éléments suivants :

• Titre
• Meta description
• Langue
• Identifiant Google analyse de données
• Exclure toutes les pages des résultats des moteurs de recherche
• Favicon
• Gérer l'accès à l'application publiée
• Image de partage sur les réseaux sociaux
• Code personnalisé pour la tête et le corps du site

Titre

Utilisez le paramètre Titre pour spécifier un titre pour votre prototype fonctionnel ou application Web publié(e). Le titre apparaît dans les onglets du navigateur, les résultats des moteurs de recherche et les réseaux sociaux. L’ajout d’un titre aide les utilisateurs à comprendre sur quelle page ils se trouvent dans leur navigateur, améliore le référencement naturel (SEO) et l’accessibilité.

Si aucun titre n’est fourni, Figma en générera un pour vous.

Meta description

Utilisez le paramètre Description méta pour fournir une description de votre prototype fonctionnel ou application Web publié(e). Une méta description est un bref résumé du contenu de votre site web ou de votre page et est conçue pour attirer les utilisateurs et améliorer les taux de clics à partir des pages de résultats des moteurs de recherche (SERP).

Si aucune description n’est fournie, Figma en générera une pour vous.

Langue

Utilisez le paramètre Langue pour définir la langue principale du contenu de votre prototype fonctionnel ou de votre application Web. La définition du code de langue de votre prototype fonctionnel ou de votre application Web améliore l’accessibilité et facilite les fonctionnalités de traduction du navigateur en indiquant clairement la langue principale.

Les codes ISO attribuent des identifiants uniques aux langues. Certains des codes de langue les plus courants incluent :

• ar – Arabe
• de – Allemand
• en – Anglais
• es – Espagnol
• fr – Français
• ja – Japonais
• hi – Hindi
• ru – Russe
• pt – Portugais
• zh – Chinois

Voir la liste complète des codes de langue ISO sur Wikipedia.

Identifiant Google analyse de données

Utilisez le paramètre ID Google Analytics pour capturer les mesures d’utilisation avec Google Analytics. Connectez-vous à une propriété Google Analytics pour obtenir des idées sur la façon dont les internautes utilisent votre site Web publié.

Consultez les instructions de Google pour trouver votre identifiant Google Analytics.

Sachez que vous devez vous assurer que votre prototype ou votre application Web est conforme aux lois applicables, y compris celles relatives aux cookies, à la confidentialité et à la collecte de données.

Exclure toutes les pages des résultats des moteurs de recherche

Activez le paramètre Exclure toutes les pages des résultats des moteurs de recherche pour indiquer aux robots des moteurs de recherche de ne pas indexer votre prototype fonctionnel ou votre application Web, ni les afficher dans les résultats de recherche.

Cochez la case pour ajouter une balise <meta name="robots" content="noindex"> à l’en-tête de votre prototype fonctionnel ou application Web publié(e).

Favicon

Utilisez le paramètre Favicon pour télécharger une image à utiliser comme favicon. Un favicon fournit une petite représentation visuelle de votre prototype fonctionnel ou application web publié(e) dans les onglets du navigateur, les résultats de recherche et les signets. Nous recommandons d'utiliser une image de 48 px x 48 px.

Gérer l'accès au site publié

Choisissez qui peut accéder à l'application publiée Organisation Entreprise

Avec les forfaits Organisation et Entreprise, vous pouvez choisir de publier votre application sur le web ouvert ou de la restreindre à un public interne. Si un fichier est publié en interne :

• N'importe quel membre connecté de votre organisation peut le voir.
• Les invités et les personne extérieures à votre organisation ne peuvent pas y accéder. 

Ajouter une protection par mot de passe

Lorsque la protection par mot de passe est activée, les visiteurs doivent entrer un mot de passe pour voir le contenu de votre application web publiée, y compris les métadonnées telles que le titre ou la description.

Vous pouvez créer votre propre mot de passe ou utiliser un mot de passe généré automatiquement par Figma :

• Les mots de passe que vous créez doivent comprendre au moins 4 caractères et peuvent contenir tout type de caractère.
• Les mots de passe générés par Figma combinent quatre mots aléatoires et sont donc des mots de passe forts et uniques.

Le mot de passe sera automatiquement appliqué à votre application web publiée dès son enregistrement. Vous n'avez pas besoin de republier l'application, bien que les changements puissent prendre une minute ou deux pour prendre effet.

Une fois le mot de passe défini, vous ne pouvez plus l'afficher. Si vous oubliez de le copier, vous devrez en créer un nouveau. Lorsque vous changez le mot de passe, toute personne ayant eu un accès préalable devra entrer le nouveau mot de passe la prochaine fois qu'elle actualisera l'application web.