Tutoriels

Comment éditer dans Figma

Découvrez comment modifier des conceptions, du texte et des composants dans Figma. Ce tutoriel rapide couvre tout ce dont vous avez besoin pour commencer à modifier des fichiers Figma comme un pro.

Commencez à créer des vidéos avec notre générateur de vidéos et de documents IA

Commencez avec Trupeer

Commencez à créer des vidéos avec notre générateur de vidéos et de documents IA

Commencez avec Trupeer

Ce guide fournit un processus détaillé pour modifier une barre de modèle dans votre application de conception. En suivant ces étapes, vous apprendrez à sélectionner, insérer et modifier divers éléments tels que des formes, du texte et des images.
De plus, vous découvrirez comment utiliser différentes options d'édition pour personnaliser efficacement votre conception.

Figma offre une interface flexible pour éditer tout, du texte simple aux formes vectorielles complexes et composants. Voici comment naviguer à travers différents scénarios d'édition :

1. Édition d'objets de base

  • Sélectionner des éléments : Cliquez pour sélectionner un objet, ou faites glisser une zone de sélection pour sélectionner plusieurs éléments.

  • Modifier via la barre d'outils : Utilisez la barre d'outils pour changer le remplissage, le contour, la taille, la position, l'opacité, et plus encore.

  • Menu contextuel : Cliquez avec le bouton droit sur un élément pour accéder à des options comme grouper, amener au premier plan, aligner, etc.

2. Édition de texte

  • Cliquez deux fois ou appuyez sur Entrée : Pour modifier le texte, double-cliquez sur la zone de texte ou appuyez sur Entrée avec celle-ci sélectionnée.

  • Modifier plusieurs textes : Sélectionnez plusieurs calques de texte, puis cliquez avec le bouton droit > Sélectionner les calques correspondants > Modifier le texte en masse pour les changer simultanément.

3. Édition de chemins vectoriels

  • Passer en mode vectoriel : Sélectionnez une forme et cliquez sur Modifier l'objet dans la barre d'outils ou appuyez sur Entrée.

  • Modifier les points d'ancrage : Utilisez l'outil de déplacement, l'outil plume ou l'outil de courbure pour manipuler les points et les courbes.

4. Édition de composants

  • Composant principal : Pour modifier la source, cliquez avec le bouton droit sur l'instance > Aller au composant principal. Les modifications apportées ici se refléteront dans toutes les instances.

  • Pousser les remplacements : Modifiez une instance et utilisez Pousser les remplacements vers le principal pour mettre à jour le composant globalement.

5. Édition d'images

  • Remplacer l'image : Sélectionnez l'image, puis cliquez sur Remplacer l'image dans le panneau Design.

  • Ajuster les paramètres : Utilisez le panneau des propriétés d'image pour ajuster la luminosité, le contraste, la saturation, etc.

  • Faire pivoter ou rogner : Cliquez sur l'image et utilisez les poignées de rotation ou le mode de rognage dans la barre d'outils.

6. Accès à l'édition et duplication de fichiers

  • Demander l'accès à l'édition : Si un fichier est en lecture seule, cliquez sur Demander l'accès à l'édition et attendez l'approbation.

  • Dupliquer le fichier : En alternative, cliquez sur le menu des options de fichier (trois points) > Dupliquer dans les brouillons pour faire votre propre copie modifiable.

Guide étape par étape : Comment éditer dans Figma

Étape 1

Commencez par ouvrir un design de votre choix à modifier dans la barre de modèle.

Begin by opening a design of your choice to edit within the template bar.

Étape 2

Sélectionnez l'objet que vous souhaitez modifier.

Select the object you wish to edit.

Étape 3

Procédez à l'insertion d'un nouvel objet si nécessaire. Vous avez la possibilité d'insérer diverses formes, telles que des rectangles.

Proceed to insert a new object as needed. You have the option to insert various shapes, such as rectangles.

Étape 4

Ajoutez ou éditez du texte en sélectionnant l'outil de texte.

Add or edit text by selecting the text tool.

Étape 5

Utilisez les options d'édition disponibles pour améliorer votre design - en utilisant les options de cadre, de tranche et de section.

Utilize the available editing options to enhance your design - by using frame, slice and section options.

Étape 6

Vous pouvez ajouter des images à votre design, selon vos préférences.

You can add images to your design.a per your preferences.

Étape 7

Explorez diverses fonctionnalités d'édition une fois que vous avez accès à la conception. Ce bloc permet une personnalisation facile selon vos désirs.

Explore various editing features once you have access to the design. This block allows easy customization as desired.

Étape 8

Ce processus fournit une approche simple sur la manière de modifier un Figma. Merci d'avoir suivi ce guide.

This process provides a straightforward approach on how to edit a figma. Thank you for following this guide.

Ce guide fournit un processus détaillé pour modifier une barre de modèle dans votre application de conception. En suivant ces étapes, vous apprendrez à sélectionner, insérer et modifier divers éléments tels que des formes, du texte et des images.
De plus, vous découvrirez comment utiliser différentes options d'édition pour personnaliser efficacement votre conception.

Figma offre une interface flexible pour éditer tout, du texte simple aux formes vectorielles complexes et composants. Voici comment naviguer à travers différents scénarios d'édition :

1. Édition d'objets de base

  • Sélectionner des éléments : Cliquez pour sélectionner un objet, ou faites glisser une zone de sélection pour sélectionner plusieurs éléments.

  • Modifier via la barre d'outils : Utilisez la barre d'outils pour changer le remplissage, le contour, la taille, la position, l'opacité, et plus encore.

  • Menu contextuel : Cliquez avec le bouton droit sur un élément pour accéder à des options comme grouper, amener au premier plan, aligner, etc.

2. Édition de texte

  • Cliquez deux fois ou appuyez sur Entrée : Pour modifier le texte, double-cliquez sur la zone de texte ou appuyez sur Entrée avec celle-ci sélectionnée.

  • Modifier plusieurs textes : Sélectionnez plusieurs calques de texte, puis cliquez avec le bouton droit > Sélectionner les calques correspondants > Modifier le texte en masse pour les changer simultanément.

3. Édition de chemins vectoriels

  • Passer en mode vectoriel : Sélectionnez une forme et cliquez sur Modifier l'objet dans la barre d'outils ou appuyez sur Entrée.

  • Modifier les points d'ancrage : Utilisez l'outil de déplacement, l'outil plume ou l'outil de courbure pour manipuler les points et les courbes.

4. Édition de composants

  • Composant principal : Pour modifier la source, cliquez avec le bouton droit sur l'instance > Aller au composant principal. Les modifications apportées ici se refléteront dans toutes les instances.

  • Pousser les remplacements : Modifiez une instance et utilisez Pousser les remplacements vers le principal pour mettre à jour le composant globalement.

5. Édition d'images

  • Remplacer l'image : Sélectionnez l'image, puis cliquez sur Remplacer l'image dans le panneau Design.

  • Ajuster les paramètres : Utilisez le panneau des propriétés d'image pour ajuster la luminosité, le contraste, la saturation, etc.

  • Faire pivoter ou rogner : Cliquez sur l'image et utilisez les poignées de rotation ou le mode de rognage dans la barre d'outils.

6. Accès à l'édition et duplication de fichiers

  • Demander l'accès à l'édition : Si un fichier est en lecture seule, cliquez sur Demander l'accès à l'édition et attendez l'approbation.

  • Dupliquer le fichier : En alternative, cliquez sur le menu des options de fichier (trois points) > Dupliquer dans les brouillons pour faire votre propre copie modifiable.

Guide étape par étape : Comment éditer dans Figma

Étape 1

Commencez par ouvrir un design de votre choix à modifier dans la barre de modèle.

Begin by opening a design of your choice to edit within the template bar.

Étape 2

Sélectionnez l'objet que vous souhaitez modifier.

Select the object you wish to edit.

Étape 3

Procédez à l'insertion d'un nouvel objet si nécessaire. Vous avez la possibilité d'insérer diverses formes, telles que des rectangles.

Proceed to insert a new object as needed. You have the option to insert various shapes, such as rectangles.

Étape 4

Ajoutez ou éditez du texte en sélectionnant l'outil de texte.

Add or edit text by selecting the text tool.

Étape 5

Utilisez les options d'édition disponibles pour améliorer votre design - en utilisant les options de cadre, de tranche et de section.

Utilize the available editing options to enhance your design - by using frame, slice and section options.

Étape 6

Vous pouvez ajouter des images à votre design, selon vos préférences.

You can add images to your design.a per your preferences.

Étape 7

Explorez diverses fonctionnalités d'édition une fois que vous avez accès à la conception. Ce bloc permet une personnalisation facile selon vos désirs.

Explore various editing features once you have access to the design. This block allows easy customization as desired.

Étape 8

Ce processus fournit une approche simple sur la manière de modifier un Figma. Merci d'avoir suivi ce guide.

This process provides a straightforward approach on how to edit a figma. Thank you for following this guide.

Commencez à créer des vidéos avec notre générateur de vidéos et de documents AI gratuitement.

Explorez Trupeer

Commencez à créer des vidéos avec notre générateur de vidéos et de documents AI gratuitement.

Explorez Trupeer

Conseils Pro pour l'édition dans Figma

  1. Sélectionnez l'élément à modifier:
    Cliquez sur l'élément (cadre, forme, texte, etc.) que vous souhaitez modifier. Vous pouvez utiliser l'Outil de sélection (V) pour sélectionner plusieurs objets à la fois pour des modifications groupées.

  2. Utiliser le panneau des calques:
    Utilisez le Panneau des calques sur le côté gauche pour naviguer entre les différents calques et éléments. Vous pouvez masquer, verrouiller ou organiser des calques pour un accès plus facile lors de l'édition.

  3. Édition de texte:
    Pour modifier le texte, double-cliquez sur la zone de texte ou sélectionnez l'élément de texte, puis tapez directement dans le champ de texte. Vous pouvez également changer la police, la taille, l'alignement et d'autres propriétés du texte dans la barre d'outils en haut.

  4. Ajustements de forme et de couleur:
    Pour les formes et les vecteurs, vous pouvez modifier leurs propriétés (par exemple, couleur, bordure, ombre) dans la barre latérale droite. Ajustez les dimensions, la rotation et l'opacité à l'aide des options disponibles.

  5. Composants et styles:
    Pour modifier un Composant, faites un clic droit et choisissez Modifier le composant principal. Les modifications apportées au composant principal mettront à jour toutes ses instances dans votre conception.

  6. Utiliser les réseaux vectoriels pour un montage précis:
    Figma vous permet de modifier des formes vectorielles à l'aide de réseaux vectoriels. Utilisez l'Outil Plume (P) pour créer ou modifier des chemins vectoriels, ajuster les points d'ancrage et peaufiner les courbes.

Pièges courants et comment les éviter lors de l'édition dans Figma

  1. Modifier accidentellement le mauvais calque:
    Correction: Gardez vos calques bien organisés et utilisez le Panneau des calques pour localiser et sélectionner rapidement le bon élément. Verrouillez les calques que vous ne modifiez pas actuellement pour éviter les modifications accidentelles.

  2. Modifications involontaires des composants:
    Correction: Si vous souhaitez modifier une instance sans affecter le composant principal, détachez-la en faisant un clic droit et en sélectionnant Détacher l'instance avant d'apporter des modifications.

  3. Ne pas utiliser correctement les contraintes:
    Correction: Utilisez les Contraintes pour vous assurer que les éléments sont redimensionnés correctement lorsque le cadre est redimensionné. Cela est particulièrement important pour la conception réactive et lors de la création de mises en page adaptées aux mobiles.

  4. Complexifier les conceptions:
    Correction: Évitez d'ajouter trop d'éléments ou de détails superflus. Gardez votre conception simple et fonctionnelle en vous concentrant sur la clarté et l'utilisabilité.

  5. Oublier de vérifier l'alignement:
    Correction: Utilisez des guides intelligents et des outils d'alignement pour vous assurer que vos éléments sont correctement alignés et espacés. Utilisez l'Outil d'alignement dans la barre d'outils en haut pour des ajustements précis.

Conseils Pro pour l'édition dans Figma

  1. Sélectionnez l'élément à modifier:
    Cliquez sur l'élément (cadre, forme, texte, etc.) que vous souhaitez modifier. Vous pouvez utiliser l'Outil de sélection (V) pour sélectionner plusieurs objets à la fois pour des modifications groupées.

  2. Utiliser le panneau des calques:
    Utilisez le Panneau des calques sur le côté gauche pour naviguer entre les différents calques et éléments. Vous pouvez masquer, verrouiller ou organiser des calques pour un accès plus facile lors de l'édition.

  3. Édition de texte:
    Pour modifier le texte, double-cliquez sur la zone de texte ou sélectionnez l'élément de texte, puis tapez directement dans le champ de texte. Vous pouvez également changer la police, la taille, l'alignement et d'autres propriétés du texte dans la barre d'outils en haut.

  4. Ajustements de forme et de couleur:
    Pour les formes et les vecteurs, vous pouvez modifier leurs propriétés (par exemple, couleur, bordure, ombre) dans la barre latérale droite. Ajustez les dimensions, la rotation et l'opacité à l'aide des options disponibles.

  5. Composants et styles:
    Pour modifier un Composant, faites un clic droit et choisissez Modifier le composant principal. Les modifications apportées au composant principal mettront à jour toutes ses instances dans votre conception.

  6. Utiliser les réseaux vectoriels pour un montage précis:
    Figma vous permet de modifier des formes vectorielles à l'aide de réseaux vectoriels. Utilisez l'Outil Plume (P) pour créer ou modifier des chemins vectoriels, ajuster les points d'ancrage et peaufiner les courbes.

Pièges courants et comment les éviter lors de l'édition dans Figma

  1. Modifier accidentellement le mauvais calque:
    Correction: Gardez vos calques bien organisés et utilisez le Panneau des calques pour localiser et sélectionner rapidement le bon élément. Verrouillez les calques que vous ne modifiez pas actuellement pour éviter les modifications accidentelles.

  2. Modifications involontaires des composants:
    Correction: Si vous souhaitez modifier une instance sans affecter le composant principal, détachez-la en faisant un clic droit et en sélectionnant Détacher l'instance avant d'apporter des modifications.

  3. Ne pas utiliser correctement les contraintes:
    Correction: Utilisez les Contraintes pour vous assurer que les éléments sont redimensionnés correctement lorsque le cadre est redimensionné. Cela est particulièrement important pour la conception réactive et lors de la création de mises en page adaptées aux mobiles.

  4. Complexifier les conceptions:
    Correction: Évitez d'ajouter trop d'éléments ou de détails superflus. Gardez votre conception simple et fonctionnelle en vous concentrant sur la clarté et l'utilisabilité.

  5. Oublier de vérifier l'alignement:
    Correction: Utilisez des guides intelligents et des outils d'alignement pour vous assurer que vos éléments sont correctement alignés et espacés. Utilisez l'Outil d'alignement dans la barre d'outils en haut pour des ajustements précis.

Questions fréquentes sur l'édition dans Figma

  1. Puis-je modifier mon design Figma hors ligne ?
    Figma est principalement un outil basé sur le cloud, ce qui signifie que vous avez besoin d'une connexion Internet pour modifier vos designs. Cependant, l'application de bureau Figma vous permet de faire des modifications limitées hors ligne, et votre travail sera synchronisé lorsque vous serez de nouveau en ligne.

  2. Comment annuler une modification dans Figma ?
    Vous pouvez annuler toute action en appuyant sur Ctrl + Z (Windows) ou Cmd + Z (Mac). Pour rétablir, utilisez Ctrl + Shift + Z (Windows) ou Cmd + Shift + Z (Mac).

  3. Puis-je modifier des formes vectorielles dans Figma ?
    Oui, Figma permet une édition vectorielle complète. Utilisez l'outil Plume (P) ou l'outil de sélection directe pour modifier les tracés, les courbes et les points d'ancrage.

  4. Comment modifier une image dans Figma ?
    Double-cliquez sur l'image pour la recadrer ou ajuster sa taille. Vous pouvez également appliquer des effets tels que des ombres, des flous ou des ajustements de couleur à l'aide de la barre latérale droite.

  5. Puis-je modifier des designs Figma créés par quelqu'un d'autre ?
    Oui, si vous avez un accès en modification au fichier, vous pouvez apporter des changements. Si vous avez seulement un accès en consultation, vous devrez demander des autorisations de modification.

  6. Comment enregistrer l'écran sur Mac ? 
    Pour enregistrer l'écran sur un Mac, vous pouvez utiliser Trupeer AI. Il vous permet de capturer l'écran entier et offre des fonctionnalités IA telles que l'ajout d'avatars IA, l'ajout de voix off, le zoom avant et arrière dans la vidéo. Avec la fonction de traduction vidéo IA de Trupeer, vous pouvez traduire la vidéo en plus de 30 langues. 

  7. Comment ajouter un avatar IA à un enregistrement d'écran ?
    Pour ajouter un avatar IA à un enregistrement d'écran, vous devrez utiliser un outil d'enregistrement d'écran IA. Trupeer AI est un outil d'enregistrement d'écran IA, qui vous aide à créer des vidéos avec plusieurs avatars, et vous aide également à créer votre propre avatar pour la vidéo.

  8. Comment enregistrer l'écran sur Windows ?
    Pour enregistrer l'écran sur Windows, vous pouvez utiliser la barre de jeu intégrée (Windows + G) ou un outil IA avancé comme Trupeer AI pour des fonctionnalités plus avancées telles que des avatars IA, voix off, traduction, etc.

  9. Comment ajouter une voix off à une vidéo ?
    Pour ajouter une voix off à des vidéos, téléchargez l'extension Chrome de Trupeer AI. Une fois inscrit, téléchargez votre vidéo avec voix, choisissez la voix off désirée parmi Trupeer et exportez votre vidéo éditée. 

  10. Comment zoomer sur un enregistrement d'écran ?
    Pour zoomer pendant un enregistrement d'écran, utilisez les effets de zoom dans Trupeer AI qui vous permettent de zoomer avant et arrière à des moments spécifiques, améliorant l'impact visuel de votre contenu vidéo.

Lectures suggérées

Générateur de documentation technique

Guide du manuel utilisateur

Logiciel de base de connaissances

Comment transformer une image en une page à colorier dans Canva

Comment imprimer recto verso dans Canva

Comment étirer du texte dans Canva

Comment télécharger plusieurs fichiers à la fois depuis Canva

Comment estomper les bords d'une photo dans Canva

Questions fréquentes sur l'édition dans Figma

  1. Puis-je modifier mon design Figma hors ligne ?
    Figma est principalement un outil basé sur le cloud, ce qui signifie que vous avez besoin d'une connexion Internet pour modifier vos designs. Cependant, l'application de bureau Figma vous permet de faire des modifications limitées hors ligne, et votre travail sera synchronisé lorsque vous serez de nouveau en ligne.

  2. Comment annuler une modification dans Figma ?
    Vous pouvez annuler toute action en appuyant sur Ctrl + Z (Windows) ou Cmd + Z (Mac). Pour rétablir, utilisez Ctrl + Shift + Z (Windows) ou Cmd + Shift + Z (Mac).

  3. Puis-je modifier des formes vectorielles dans Figma ?
    Oui, Figma permet une édition vectorielle complète. Utilisez l'outil Plume (P) ou l'outil de sélection directe pour modifier les tracés, les courbes et les points d'ancrage.

  4. Comment modifier une image dans Figma ?
    Double-cliquez sur l'image pour la recadrer ou ajuster sa taille. Vous pouvez également appliquer des effets tels que des ombres, des flous ou des ajustements de couleur à l'aide de la barre latérale droite.

  5. Puis-je modifier des designs Figma créés par quelqu'un d'autre ?
    Oui, si vous avez un accès en modification au fichier, vous pouvez apporter des changements. Si vous avez seulement un accès en consultation, vous devrez demander des autorisations de modification.

  6. Comment enregistrer l'écran sur Mac ? 
    Pour enregistrer l'écran sur un Mac, vous pouvez utiliser Trupeer AI. Il vous permet de capturer l'écran entier et offre des fonctionnalités IA telles que l'ajout d'avatars IA, l'ajout de voix off, le zoom avant et arrière dans la vidéo. Avec la fonction de traduction vidéo IA de Trupeer, vous pouvez traduire la vidéo en plus de 30 langues. 

  7. Comment ajouter un avatar IA à un enregistrement d'écran ?
    Pour ajouter un avatar IA à un enregistrement d'écran, vous devrez utiliser un outil d'enregistrement d'écran IA. Trupeer AI est un outil d'enregistrement d'écran IA, qui vous aide à créer des vidéos avec plusieurs avatars, et vous aide également à créer votre propre avatar pour la vidéo.

  8. Comment enregistrer l'écran sur Windows ?
    Pour enregistrer l'écran sur Windows, vous pouvez utiliser la barre de jeu intégrée (Windows + G) ou un outil IA avancé comme Trupeer AI pour des fonctionnalités plus avancées telles que des avatars IA, voix off, traduction, etc.

  9. Comment ajouter une voix off à une vidéo ?
    Pour ajouter une voix off à des vidéos, téléchargez l'extension Chrome de Trupeer AI. Une fois inscrit, téléchargez votre vidéo avec voix, choisissez la voix off désirée parmi Trupeer et exportez votre vidéo éditée. 

  10. Comment zoomer sur un enregistrement d'écran ?
    Pour zoomer pendant un enregistrement d'écran, utilisez les effets de zoom dans Trupeer AI qui vous permettent de zoomer avant et arrière à des moments spécifiques, améliorant l'impact visuel de votre contenu vidéo.

Lectures suggérées

Générateur de documentation technique

Guide du manuel utilisateur

Logiciel de base de connaissances

Comment transformer une image en une page à colorier dans Canva

Comment imprimer recto verso dans Canva

Comment étirer du texte dans Canva

Comment télécharger plusieurs fichiers à la fois depuis Canva

Comment estomper les bords d'une photo dans Canva

Commencez à créer des vidéos avec notre générateur de vidéos et de documents IA

Commencez avec Trupeer

Commencez à créer des vidéos avec notre générateur de vidéos et de documents IA

Commencez avec Trupeer

Commencez à créer des vidéos avec notre générateur de vidéos et de documents IA

Commencez votre essai gratuit

Vidéos et documents de produits AI instantanés à partir d'enregistrements d'écran de qualité médiocre

Commencez gratuitement

Commencez gratuitement

Découvrez la nouvelle méthode plus rapide de création de vidéos produit.

Vidéos et documents de produits IA instantanés à partir d'enregistrements d'écran bruts.

Get started for free

Commencez gratuitement

Découvrez la nouvelle méthode plus rapide de création de vidéos produit.

Vidéos et documents de produits IA instantanés à partir d'enregistrements d'écran bruts.

Get started for free

Commencez gratuitement

Découvrez la nouvelle méthode plus rapide de création de vidéos produit.

Vidéos et documents de produits IA instantanés à partir d'enregistrements d'écran bruts.

Get started for free

Commencez gratuitement