Avant de commencer
Qui peut utiliser cette fonctionnalité
Figma Make est disponible pour les licences Full avec les forfaits payants.
Vous pouvez essayer Figma Make sur d'autres licences et forfaits.
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.
Remarque : La publication dans Figma Make peut être désactivée via les paramètres d'administrateur. Si vous ne pouvez pas publier parce que le bouton Publier dans Figma Make est désactivé, c'est parce que la publication a été désactivée pour votre équipe ou votre organisation.
Publier un prototype fonctionnel ou une application Web
Remarque : Avant la publication, assurez-vous que vous disposez des droits sur l'ensemble du contenu du prototype fonctionnel ou de l'application Web et que vous respectez la politique d'utilisation acceptable de Figma. Veuillez noter que les images fournies par Figma Make proviennent d'Unsplash. Si vous planifiez d'utiliser des images de Figma Make, vous êtes responsable de leur vérification pour votre cas d'utilisation particulier. Elles sont soumises aux conditions générales d'Unsplash, disponibles sur https://unsplash.com/terms.
Pour publier votre prototype fonctionnel ou votre application Web :
- Ouvrez le fichier Figma Make que vous souhaitez publier.
- Dans le coin supérieur droit, cliquez sur Publier.
- Dans la fenêtre modale Publier, définissez un titre.
- 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.
- 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
Remarque : Il arrive parfois que la publication d'un prototype fonctionnel ou d'une application Web échoue. Si cela se produit, nous vous recommandons d'attendre quelques minutes, puis de réessayer.
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 :
- 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.
- Cliquez sur Annuler la publication.
Fenêtre modale Publier
La fenêtre modale Publier comprend le titre actuel, une URL et le statut (publié ou non publié).
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.
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
- 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é.
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).
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.
Remarque : Seul Google Analytics est pris en charge pour le moment, mais nous prévoyons d’ajouter la prise en charge d’autres fournisseurs d’analyse de données à l’avenir. Vous pouvez utiliser les paramètres de code personnalisés pour l’en-tête et le corps de votre prototype ou de votre application Web pour fournir des extraits de code pour d’autres plateformes d’analyse de données que nous ne prenons pas directement en charge.
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 32 px x 32 px.
Image de partage sur les réseaux sociaux
Utilisez le paramètre Image de partage sur les réseaux sociaux pour télécharger une image qui apparaît lorsque votre prototype fonctionnel ou application Web publié(e) est partagé(e) sur les réseaux sociaux. Nous vous recommandons d’utiliser une image de 1200 px de large sur 630 px de haut.
Code personnalisé pour la tête et le corps du site
Vous pouvez ajouter des extraits de code personnalisés au début ou à la fin des balises d’en-tête ou de corps de votre prototype fonctionnel ou application Web.
Par exemple, le chargement de balises critiques comme l’analyse de données dans l’en-tête garantit leur exécution précoce, tandis que les éléments non critiques comme un widget de chat peuvent être placés à la fin du corps pour éviter qu’ils ne ralentissent le contenu principal de votre prototype ou application Web.