Gérer les profils colorimétriques dans les fichiers de design

Avant de commencer

Qui peut utiliser cette fonctionnalité

Disponible dans tous les forfaits

Disponible dans les fichiers de design Figma dans le navigateur et sur l’application de bureau

Nécessite l’autorisation peut éditer pour le fichier

La technologie pour restituer les couleurs est différente selon l’affichage, ce qui peut produire des incohérences visuelles entre les différents appareils, moniteurs, navigateurs et applications. Plus une équipe grandit, plus les incohérences risquent d'être importantes. 

La gestion des couleurs de Figma vous permet de :

• maintenir la cohérence des couleurs, même si vos coéquipiers disposent d’un affichage différent ;
• sélectionner le profil de couleur que vous préférez pour tous les nouveaux fichiers de design créés ;
• changer de couleur dans un fichier en basculant d’un profil colorimétrique à un autre ;
• exporter vos ressources vers un profil colorimétrique spécifique.

Profils colorimétriques pris en charge

Dans Figma design, vous pouvez choisir entre deux profils colorimétriques : sRVB et Display P3.

sRVB est le profil colorimétrique le plus couramment utilisé. Longtemps considéré comme le profil standard pour le Web, il est pris en charge par quasiment tous les navigateurs Web et affichages.

Display P3—également appelé P3—offre des couleurs plus éclatantes et restitue 49 % de couleurs plus visuellement distinctes que le profil sRVB. S'il ne constitue pas encore la norme pour le Web et les affichages, il devient de plus en plus populaire. Si vous concevez des designs destinés aux appareils iOS ou aux écrans Retina, le profil Display P3 est le plus adapté.

Pour de meilleurs résultats, vérifiez que votre affichage prend en charge et qu’il est configuré pour le profil colorimétrique sélectionné. Par exemple, les couleurs Display P3 ne s’affichent pas correctement sur les moniteurs qui ne prennent pas en charge ce profil.

Les tableaux FigJam utilisent le profil colorimétrique sRVB.

Sélectionnez le profil colorimétrique de votre choix

Les nouveaux fichiers de design sont configurés sur le profil sRVB par défaut. Pour sélectionner un autre profil colorimétrique pour les fichiers de design que vous créez :

1. Ouvrez n’importe quel fichier auquel vous avez accès.
2. Ouvrez le menu Figma.
3. Accédez à Preferences > Color profile.
4. Dans la fenêtre modale Color profile settings, sélectionnez sRGB ou Display p3.
5. Cliquez sur pour fermer la fenêtre modale et enregistrer vos paramètres.

Modifier le profil colorimétrique d’un fichier

Les profils colorimétriques peuvent être modifiés au niveau du fichier. Lorsque vous modifiez le profil colorimétrique d’un fichier, vous avez deux possibilités :

• Sélectionnez Keep color values (Assign) pour modifier l’apparence des couleurs, mais pas leurs valeurs
• Sélectionnez Keep appearance (Convert) pour modifier les valeurs des couleurs, mais pas leur apparence

Keep color values (Assign)

Lorsque vous attribuez un profil colorimétrique à un fichier, les couleurs changent visuellement, mais les données sous-jacentes, telles que les codes hexadécimaux ou les valeurs HSB, restent identiques.

Vous pouvez choisir de conserver les valeurs des couleurs lorsque vous travaillez avec des couleurs spécifiques, par exemple les couleurs de votre marque. Dans ce cas, il est plus important que les codes hexadécimaux soient cohérents entre les appareils et les fichiers, même si la couleur s’affiche légèrement différemment.

Pour attribuer un profil colorimétrique à un fichier :

1. Une fois le fichier ouvert, cliquez sur en regard du nom du fichier.
2. Accédez à File color profile > Change to Display P3 ou Change to sRGB.
3. Dans la fenêtre modale, sélectionnez Keep color values (Assign).
4. Pour enregistrer vos modifications, cliquez sur Assign Display P3 ou Assign sRGB.

Keep appearance (Convert)

Lorsque vous convertissez un fichier dans un profil colorimétrique différent, les données sous-jacentes des couleurs changent, mais sont similaires ou aussi similaires que possible.

Vous pouvez choisir de conserver l’apparence des couleurs si votre stratégie est axée sur le brainstorming, le wireframing, ou si vous testez la façon dont les couleurs apparaissent sur différents appareils. Dans les cas précédemment cités, il est plus important d’assurer la cohérence visuelle que celle du système.

Pour convertir un fichier dans un profil colorimétrique différent :

1. Une fois le fichier ouvert, cliquez sur en regard du nom du fichier.
2. Sélectionnez File color profile > Change to Display P3 ou Change to sRGB.
3. Dans la fenêtre modale, sélectionnez Keep appearance (Convert).
4. Pour sauvegarder vos modifications, cliquez sur Convert to Display P3 ou Convert to sRGB.

Les styles et les variables de couleur ne sont pas affectés par la conversion, les valeurs de leurs couleurs ne sont donc pas modifiées.

Annuler la modification d’un profil colorimétrique

Pour annuler une modification de profil colorimétrique sur un fichier, choisissez l’une des options suivantes :

• Utilisez les raccourcis clavier ⌘ Command / Control Z
• Sélectionnez une version antérieure dans l’historique des versions

Attribuer un profil colorimétrique à un fichier ancien

Le paramètre Unmanaged n’est plus disponible depuis août 2023. Les précédents fichiers de design définis sur « unmanaged » ne sont pas associés à un profil colorimétrique particulier et seront définis sur Same as preferred profile (preferred color profile). Si vous n’avez pas défini de profil colorimétrique préféré, ce fichier ancien s’affichera en sRVB.

Pour attribuer un profil colorimétrique à un fichier ancien :

1. Une fois le fichier ouvert, cliquez sur en regard du nom du fichier.
2. Sélectionnez File color profile > Assign to sRGB ou Assign to Display P3.

Une fois que vous avez défini un profil colorimétrique, vous avez la possibilité de convertir le fichier vers un profil colorimétrique différent, mais pas de revenir au paramètre Same as preferred profile.

Exporter les ressources

Par défaut, Figma exporte les ressources à l’aide du profil colorimétrique du fichier. Vous pouvez néanmoins choisir un autre profil colorimétrique lors de l’exportation. En savoir plus sur l’exportation de ressources dans un profil colorimétrique→