Guide rapide pour ajouter des polices à Figma

Vlad Solomakha

22 mars 2024

Aller à

Titre

Aller à

Titre

Générez des conceptions UI et des wireframes avec l'IA

Guide étape par étape pour utiliser des polices locales, Google et Adobe dans votre design Figma.

Guide étape par étape pour utiliser des polices locales, Google et Adobe dans votre design Figma.

Installer des Applications

Avant de commencer quoi que ce soit, il y a 2 façons d'utiliser des polices personnalisées dans Figma. 

  1. Obtenez l'application Figma Desktop. Voici les liens de téléchargement pour macOS et Windows.

  2. Téléchargez l'application Figma Font Installer. Elle vous permet d'accéder aux polices système lors de l'utilisation de Figma dans le navigateur. Voici les liens de téléchargement pour macOS et Windows.

Installer des Polices

Utilisation de Polices Personnalisées

Avant que vos polices apparaissent dans Figma, elles doivent être installées sur votre ordinateur. Téléchargez les fichiers OpenType (.OTF) ou TrueType (.TTF) des polices que vous aimez, double-cliquez et suivez les instructions. 

Utilisation des Polices Google

La bonne nouvelle est que Figma prend en charge les polices Google par défaut! Vous pouvez filtrer pour voir uniquement celles-ci. Sélectionnez la police et cliquez sur "Toutes les polices". Vous pouvez y voir la sélection "Google font".

Utilisation des Polices Adobe

Adobe vous demande de retélécharger les polices si elles n'ont pas été utilisées pendant un certain temps. Assurez-vous que les polices sont activées dans l'application Creative Cloud. 

  1. Dans l'application CC, allez dans l'onglet Polices

  2. Ouvrez les polices actives et activez celles que vous souhaitez voir dans Figma

Utiliser des Polices dans Figma

Si vous avez installé des polices alors que Figma était ouvert, fermez l'application et redémarrez-la. Vous pouvez maintenant les utiliser!

  1. Sélectionnez l'outil de texte (T) ou cliquez sur un élément de texte existant.

  2. Dans le panneau des propriétés du texte, cliquez sur le nom de la police pour faire apparaître le menu de sélection des polices. 

  3. Faites défiler la liste ou tapez le nom de la police que vous avez installée. Une fois trouvée, cliquez dessus pour appliquer.

Collaborer avec des Polices Personnalisées

Si vous travaillez en équipe, assurez-vous que tous ceux qui pourraient avoir besoin de modifier vos designs ont les polices personnalisées installées sur leurs ordinateurs. Sinon, ils ne pourront pas utiliser les polices que vous avez appliquées. 

Figma alertera les utilisateurs s'il leur manque une police et proposera de la remplacer par une autre police ou de leur demander d'installer la police manquante.

À la recherche de polices gratuites?

Maintenant que vous savez comment utiliser les polices dans Figma, il est temps de choisir une police sympa pour votre projet. Découvrez notre collection des plus belles polices open-source que vous pouvez utiliser gratuitement.

Installer des Applications

Avant de commencer quoi que ce soit, il y a 2 façons d'utiliser des polices personnalisées dans Figma. 

  1. Obtenez l'application Figma Desktop. Voici les liens de téléchargement pour macOS et Windows.

  2. Téléchargez l'application Figma Font Installer. Elle vous permet d'accéder aux polices système lors de l'utilisation de Figma dans le navigateur. Voici les liens de téléchargement pour macOS et Windows.

Installer des Polices

Utilisation de Polices Personnalisées

Avant que vos polices apparaissent dans Figma, elles doivent être installées sur votre ordinateur. Téléchargez les fichiers OpenType (.OTF) ou TrueType (.TTF) des polices que vous aimez, double-cliquez et suivez les instructions. 

Utilisation des Polices Google

La bonne nouvelle est que Figma prend en charge les polices Google par défaut! Vous pouvez filtrer pour voir uniquement celles-ci. Sélectionnez la police et cliquez sur "Toutes les polices". Vous pouvez y voir la sélection "Google font".

Utilisation des Polices Adobe

Adobe vous demande de retélécharger les polices si elles n'ont pas été utilisées pendant un certain temps. Assurez-vous que les polices sont activées dans l'application Creative Cloud. 

  1. Dans l'application CC, allez dans l'onglet Polices

  2. Ouvrez les polices actives et activez celles que vous souhaitez voir dans Figma

Utiliser des Polices dans Figma

Si vous avez installé des polices alors que Figma était ouvert, fermez l'application et redémarrez-la. Vous pouvez maintenant les utiliser!

  1. Sélectionnez l'outil de texte (T) ou cliquez sur un élément de texte existant.

  2. Dans le panneau des propriétés du texte, cliquez sur le nom de la police pour faire apparaître le menu de sélection des polices. 

  3. Faites défiler la liste ou tapez le nom de la police que vous avez installée. Une fois trouvée, cliquez dessus pour appliquer.

Collaborer avec des Polices Personnalisées

Si vous travaillez en équipe, assurez-vous que tous ceux qui pourraient avoir besoin de modifier vos designs ont les polices personnalisées installées sur leurs ordinateurs. Sinon, ils ne pourront pas utiliser les polices que vous avez appliquées. 

Figma alertera les utilisateurs s'il leur manque une police et proposera de la remplacer par une autre police ou de leur demander d'installer la police manquante.

À la recherche de polices gratuites?

Maintenant que vous savez comment utiliser les polices dans Figma, il est temps de choisir une police sympa pour votre projet. Découvrez notre collection des plus belles polices open-source que vous pouvez utiliser gratuitement.

Générez des designs d'interface avec l'IA

Transformez vos idées en designs magnifiques et conviviaux. Rapide et facile.