Tutoriels

Comment étendre une page dans Figma

Comment étendre une page dans Figma

Comment étendre une page dans Figma

Découvrez comment télécharger facilement plusieurs pages ou designs en une seule fois depuis Canva. Ce guide rapide vous accompagne à travers les étapes pour gagner du temps et optimiser votre flux de travail.

Ce guide fournit une méthode claire et concise pour étendre des pages dans Figma.
Le processus consiste à redimensionner votre page ou à la dupliquer tout en maintenant l'intégrité du design. Suivez ces étapes pour gérer efficacement vos mises en page de projet Figma.

Dans Figma, il n'y a pas de bouton étendre la page comme dans certains autres outils de conception, mais vous pouvez facilement étendre votre espace de travail en redimensionnant des cadres, en ajustant votre vue ou en ajoutant de nouvelles pages. Voici comment vous pouvez faire cela :

1. Redimensionner un cadre

Si vous travaillez dans un cadre (qui agit comme une page dans Figma), vous pouvez le tirer pour accueillir plus de contenu :

  • Sélectionnez le cadre : Cliquez sur le cadre que vous souhaitez redimensionner.

  • Utilisez la barre latérale droite : Ouvrez le panneau Design à droite.

  • Faites glisser pour redimensionner : Survolez le bord du cadre jusqu'à ce que votre curseur change, puis tirez-le pour agrandir le cadre, soit verticalement, horizontalement, ou les deux.

  • Appliquez des contraintes : Définissez des contraintes horizontales ou verticales afin que votre contenu s'ajuste correctement lors du redimensionnement.

2. Ajuster votre vue (Zoom)

Parfois, vous n'avez pas besoin d'étendre le cadre, il suffit de dézoomer ou d'ajuster l'échelle de l'interface pour voir plus de la toile :

  • Dans le navigateur : Utilisez les paramètres de zoom de votre navigateur (trouvés généralement sous Affichage > Zoom).

  • Dans l'application de bureau Figma :

    • Allez dans Affichage dans le menu du haut.

    • Survolez Échelle de l'interface et choisissez des options comme “Agrandir” ou “Réinitialiser par défaut”.

  • Raccourcis clavier :

    • Mac :

      • Réinitialiser : Option + Shift + Commande + 0

      • Zoom avant : Option + Shift + Commande + =

      • Zoom arrière : Option + Shift + Commande + -

    • Windows :

      • Réinitialiser : Ctrl + Shift + Alt + 0

      • Zoom avant : Ctrl + Shift + Alt + =

      • Zoom arrière : Ctrl + Shift + Alt + -

3. Ajouter ou gérer des pages

Si vous manquez d'espace ou souhaitez mieux organiser votre conception, ajoutez simplement plus de pages :

  • Ajouter une nouvelle page : Cliquez sur le nom de la page actuelle (comme “Page 1”) en haut à gauche de la toile, puis appuyez sur le “+” pour en créer une nouvelle.

  • Renommer des pages : Cliquez à nouveau sur le nom de la page pour la renommer pour une meilleure organisation.

  • Utiliser des plugins : Essayez des plugins comme Ajouter plusieurs pages si vous avez besoin de créer plusieurs nouvelles pages rapidement.

Guide étape par étape : Comment étendre une page dans Figma

Méthode 1

Pour commencer à étendre une page dans Figma, ouvrez d'abord le design d'exemple que vous souhaitez étendre. Naviguez jusqu'au coin extrême de votre page et cliquez dessus.

Ensuite, localisez le bouton de redimensionnement comme indiqué dans l'image. Cliquez sur ce bouton pour étendre ou redimensionner votre page selon vos dimensions souhaitées.

To begin extending a page in Figma, first open the sample design you wish to extend. Navigate to the extreme corner of your page and click on it.  Next, locate the resize button as indicated in the image. Click on this button to extend or resize your page to your desired dimensions.

Méthode 2

Si vous souhaitez redimensionner tout en maintenant une échelle fixe ou un rapport d'aspect, appuyez sur la touche "K" pour activer l'outil d'échelle. Cela vous permet de redimensionner tout en maintenant automatiquement l'échelle de la page existante fixe.

If you wish to resize while maintaining a fixed scale or aspect ratio, press the "K" key to activate the scale tool. This allows you to resize while automatically keeping the scale of the existing page fixed

Méthode 3

Pour étendre la page en la dupliant, appuyez sur "Ctrl + D" si vous utilisez Windows, ou "Commande + D" si vous utilisez un Mac. Cette action dupliquera votre page et créera une nouvelle instance.

To extend the page by duplicating it, press "Ctrl + D" if you are using Windows, or "Command + D" if you are using a Mac. This action will duplicate your page and create a new instance.

Astuces professionnelles sur la façon d'étendre une page dans Figma

  1. Comment puis-je étendre la taille de la toile dans Figma ?

    Pour étendre la taille de la toile dans Figma, cliquez et faites glisser les bords de la toile pendant que vous êtes à l'éditeur. Vous pouvez également utiliser l'outil de redimensionnement en sélectionnant le cadre ou le plan de travail et en faisant glisser ses poignées pour en élargir les dimensions.

  2. Puis-je définir une taille de page personnalisée dans Figma ?

    Oui, vous le pouvez. Lorsque vous sélectionnez un cadre ou un plan de travail, vous verrez des options de largeur et de hauteur dans le panneau Propriétés à droite. Entrez vos dimensions souhaitées pour définir une taille personnalisée pour votre page ou votre zone de design.

  3. L'extension d'une page dans Figma affecte-t-elle les éléments existants ?

    L'extension d'une page ajuste uniquement la taille de la toile ou du cadre et n'affecte pas le placement des éléments existants. Cependant, assurez-vous d'ajuster vos composants de design si nécessaire pour s'adapter aux nouvelles dimensions de la toile.

Pièges courants et comment les éviter lors de l'extension d'une page dans Figma

  1. Étendre la page inutilement peut rendre votre projet plus difficile à naviguer et pourrait confondre vos collaborateurs.

  2. Des tailles de toile extrêmement grandes avec de nombreux éléments peuvent ralentir les performances de Figma. Gardez vos extensions gérables et optimisées.

  3. Étendre la page peut affecter la manière dont les conceptions sont exportées, surtout si les paramètres d'exportation ne correspondent pas aux nouvelles dimensions. Revoyez toujours vos paramètres d'exportation après le redimensionnement.

Questions fréquentes sur la façon d'étendre une page dans Figma

  1. Comment puis-je étendre la taille de la toile dans Figma ?
    Pour étendre la taille de la toile dans Figma, cliquez et faites glisser les bords de la toile pendant que vous êtes à l'éditeur. Vous pouvez également utiliser l'outil de redimensionnement en sélectionnant le cadre ou le plan de travail et en faisant glisser ses poignées pour en élargir les dimensions.

  2. Puis-je définir une taille de page personnalisée dans Figma ?
    Oui, vous le pouvez. Lorsque vous sélectionnez un cadre ou un plan de travail, vous verrez des options de largeur et de hauteur dans le panneau Propriétés à droite. Entrez vos dimensions souhaitées pour définir une taille personnalisée pour votre page ou votre zone de design.

  3. L'extension d'une page dans Figma affecte-t-elle les éléments existants ?
    L'extension d'une page ajuste uniquement la taille de la toile ou du cadre et n'affecte pas le placement des éléments existants. Cependant, assurez-vous d'ajuster vos composants de design si nécessaire pour s'adapter aux nouvelles dimensions de la toile.

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

  5. Comment ajouter un avatar IA à un enregistrement d'écran ?
    Pour ajouter un avatar IA à un enregistrement d'écran, vous aurez besoin d'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, vous aide également à créer votre propre avatar pour la vidéo.

  6. 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 les avatars IA, la narration, la traduction, etc.

  7. Comment ajouter une narration à une vidéo ?
    Pour ajouter une narration aux vidéos, téléchargez l'extension Chrome de trupeer ai. Une fois inscrit, téléchargez votre vidéo avec narration, choisissez la narration désirée de trupeer et exportez votre vidéo éditée. 

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

Ce guide fournit une méthode claire et concise pour étendre des pages dans Figma.
Le processus consiste à redimensionner votre page ou à la dupliquer tout en maintenant l'intégrité du design. Suivez ces étapes pour gérer efficacement vos mises en page de projet Figma.

Dans Figma, il n'y a pas de bouton étendre la page comme dans certains autres outils de conception, mais vous pouvez facilement étendre votre espace de travail en redimensionnant des cadres, en ajustant votre vue ou en ajoutant de nouvelles pages. Voici comment vous pouvez faire cela :

1. Redimensionner un cadre

Si vous travaillez dans un cadre (qui agit comme une page dans Figma), vous pouvez le tirer pour accueillir plus de contenu :

  • Sélectionnez le cadre : Cliquez sur le cadre que vous souhaitez redimensionner.

  • Utilisez la barre latérale droite : Ouvrez le panneau Design à droite.

  • Faites glisser pour redimensionner : Survolez le bord du cadre jusqu'à ce que votre curseur change, puis tirez-le pour agrandir le cadre, soit verticalement, horizontalement, ou les deux.

  • Appliquez des contraintes : Définissez des contraintes horizontales ou verticales afin que votre contenu s'ajuste correctement lors du redimensionnement.

2. Ajuster votre vue (Zoom)

Parfois, vous n'avez pas besoin d'étendre le cadre, il suffit de dézoomer ou d'ajuster l'échelle de l'interface pour voir plus de la toile :

  • Dans le navigateur : Utilisez les paramètres de zoom de votre navigateur (trouvés généralement sous Affichage > Zoom).

  • Dans l'application de bureau Figma :

    • Allez dans Affichage dans le menu du haut.

    • Survolez Échelle de l'interface et choisissez des options comme “Agrandir” ou “Réinitialiser par défaut”.

  • Raccourcis clavier :

    • Mac :

      • Réinitialiser : Option + Shift + Commande + 0

      • Zoom avant : Option + Shift + Commande + =

      • Zoom arrière : Option + Shift + Commande + -

    • Windows :

      • Réinitialiser : Ctrl + Shift + Alt + 0

      • Zoom avant : Ctrl + Shift + Alt + =

      • Zoom arrière : Ctrl + Shift + Alt + -

3. Ajouter ou gérer des pages

Si vous manquez d'espace ou souhaitez mieux organiser votre conception, ajoutez simplement plus de pages :

  • Ajouter une nouvelle page : Cliquez sur le nom de la page actuelle (comme “Page 1”) en haut à gauche de la toile, puis appuyez sur le “+” pour en créer une nouvelle.

  • Renommer des pages : Cliquez à nouveau sur le nom de la page pour la renommer pour une meilleure organisation.

  • Utiliser des plugins : Essayez des plugins comme Ajouter plusieurs pages si vous avez besoin de créer plusieurs nouvelles pages rapidement.

Guide étape par étape : Comment étendre une page dans Figma

Méthode 1

Pour commencer à étendre une page dans Figma, ouvrez d'abord le design d'exemple que vous souhaitez étendre. Naviguez jusqu'au coin extrême de votre page et cliquez dessus.

Ensuite, localisez le bouton de redimensionnement comme indiqué dans l'image. Cliquez sur ce bouton pour étendre ou redimensionner votre page selon vos dimensions souhaitées.

To begin extending a page in Figma, first open the sample design you wish to extend. Navigate to the extreme corner of your page and click on it.  Next, locate the resize button as indicated in the image. Click on this button to extend or resize your page to your desired dimensions.

Méthode 2

Si vous souhaitez redimensionner tout en maintenant une échelle fixe ou un rapport d'aspect, appuyez sur la touche "K" pour activer l'outil d'échelle. Cela vous permet de redimensionner tout en maintenant automatiquement l'échelle de la page existante fixe.

If you wish to resize while maintaining a fixed scale or aspect ratio, press the "K" key to activate the scale tool. This allows you to resize while automatically keeping the scale of the existing page fixed

Méthode 3

Pour étendre la page en la dupliant, appuyez sur "Ctrl + D" si vous utilisez Windows, ou "Commande + D" si vous utilisez un Mac. Cette action dupliquera votre page et créera une nouvelle instance.

To extend the page by duplicating it, press "Ctrl + D" if you are using Windows, or "Command + D" if you are using a Mac. This action will duplicate your page and create a new instance.

Astuces professionnelles sur la façon d'étendre une page dans Figma

  1. Comment puis-je étendre la taille de la toile dans Figma ?

    Pour étendre la taille de la toile dans Figma, cliquez et faites glisser les bords de la toile pendant que vous êtes à l'éditeur. Vous pouvez également utiliser l'outil de redimensionnement en sélectionnant le cadre ou le plan de travail et en faisant glisser ses poignées pour en élargir les dimensions.

  2. Puis-je définir une taille de page personnalisée dans Figma ?

    Oui, vous le pouvez. Lorsque vous sélectionnez un cadre ou un plan de travail, vous verrez des options de largeur et de hauteur dans le panneau Propriétés à droite. Entrez vos dimensions souhaitées pour définir une taille personnalisée pour votre page ou votre zone de design.

  3. L'extension d'une page dans Figma affecte-t-elle les éléments existants ?

    L'extension d'une page ajuste uniquement la taille de la toile ou du cadre et n'affecte pas le placement des éléments existants. Cependant, assurez-vous d'ajuster vos composants de design si nécessaire pour s'adapter aux nouvelles dimensions de la toile.

Pièges courants et comment les éviter lors de l'extension d'une page dans Figma

  1. Étendre la page inutilement peut rendre votre projet plus difficile à naviguer et pourrait confondre vos collaborateurs.

  2. Des tailles de toile extrêmement grandes avec de nombreux éléments peuvent ralentir les performances de Figma. Gardez vos extensions gérables et optimisées.

  3. Étendre la page peut affecter la manière dont les conceptions sont exportées, surtout si les paramètres d'exportation ne correspondent pas aux nouvelles dimensions. Revoyez toujours vos paramètres d'exportation après le redimensionnement.

Questions fréquentes sur la façon d'étendre une page dans Figma

  1. Comment puis-je étendre la taille de la toile dans Figma ?
    Pour étendre la taille de la toile dans Figma, cliquez et faites glisser les bords de la toile pendant que vous êtes à l'éditeur. Vous pouvez également utiliser l'outil de redimensionnement en sélectionnant le cadre ou le plan de travail et en faisant glisser ses poignées pour en élargir les dimensions.

  2. Puis-je définir une taille de page personnalisée dans Figma ?
    Oui, vous le pouvez. Lorsque vous sélectionnez un cadre ou un plan de travail, vous verrez des options de largeur et de hauteur dans le panneau Propriétés à droite. Entrez vos dimensions souhaitées pour définir une taille personnalisée pour votre page ou votre zone de design.

  3. L'extension d'une page dans Figma affecte-t-elle les éléments existants ?
    L'extension d'une page ajuste uniquement la taille de la toile ou du cadre et n'affecte pas le placement des éléments existants. Cependant, assurez-vous d'ajuster vos composants de design si nécessaire pour s'adapter aux nouvelles dimensions de la toile.

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

  5. Comment ajouter un avatar IA à un enregistrement d'écran ?
    Pour ajouter un avatar IA à un enregistrement d'écran, vous aurez besoin d'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, vous aide également à créer votre propre avatar pour la vidéo.

  6. 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 les avatars IA, la narration, la traduction, etc.

  7. Comment ajouter une narration à une vidéo ?
    Pour ajouter une narration aux vidéos, téléchargez l'extension Chrome de trupeer ai. Une fois inscrit, téléchargez votre vidéo avec narration, choisissez la narration désirée de trupeer et exportez votre vidéo éditée. 

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

Créez des vidéos comme celles d'un studio avec l'IA de Trupeer
Créez des vidéos comme celles d'un studio avec l'IA de Trupeer
Créez des vidéos comme celles d'un studio avec l'IA de Trupeer

Pro tips on how to extend a page in Figma

  1. How do I extend the canvas size in Figma?

    To extend the canvas size in Figma, click and drag the edges of the canvas while in the editor. You can also use the Resize tool by selecting the frame or artboard and dragging its handles to expand its dimensions.

  2. Can I set a custom page size in Figma?

    Yes, you can. When you select a frame or artboard, you’ll see width and height options in the Properties Panel on the right. Enter your desired dimensions to set a custom size for your page or design area.

  3. Does extending a page in Figma affect existing elements?

    Extending a page only adjusts the canvas or frame size and does not affect the placement of existing elements. However, make sure to adjust your design components if needed to fit the new canvas dimensions.

Common pitfalls and how to avoid them while extending a page in Figma

  1. Extending the page unnecessarily can make your project harder to navigate and might confuse collaborators.

  2. Extremely large canvas sizes with numerous elements can slow down Figma’s performance. Keep your extensions manageable and optimized.

  3. Extending the page can affect how designs are exported, especially if the export settings don’t match the new dimensions. Always review your export settings after resizing.

Pro tips on how to extend a page in Figma

  1. How do I extend the canvas size in Figma?

    To extend the canvas size in Figma, click and drag the edges of the canvas while in the editor. You can also use the Resize tool by selecting the frame or artboard and dragging its handles to expand its dimensions.

  2. Can I set a custom page size in Figma?

    Yes, you can. When you select a frame or artboard, you’ll see width and height options in the Properties Panel on the right. Enter your desired dimensions to set a custom size for your page or design area.

  3. Does extending a page in Figma affect existing elements?

    Extending a page only adjusts the canvas or frame size and does not affect the placement of existing elements. However, make sure to adjust your design components if needed to fit the new canvas dimensions.

Common pitfalls and how to avoid them while extending a page in Figma

  1. Extending the page unnecessarily can make your project harder to navigate and might confuse collaborators.

  2. Extremely large canvas sizes with numerous elements can slow down Figma’s performance. Keep your extensions manageable and optimized.

  3. Extending the page can affect how designs are exported, especially if the export settings don’t match the new dimensions. Always review your export settings after resizing.

Common FAQs on how to extend a page in Figma

  1. How do I extend the canvas size in Figma?
    To extend the canvas size in Figma, click and drag the edges of the canvas while in the editor. You can also use the Resize tool by selecting the frame or artboard and dragging its handles to expand its dimensions.

  2. Can I set a custom page size in Figma?
    Yes, you can. When you select a frame or artboard, you’ll see width and height options in the Properties Panel on the right. Enter your desired dimensions to set a custom size for your page or design area.

  3. Does extending a page in Figma affect existing elements?
    Extending a page only adjusts the canvas or frame size and does not affect the placement of existing elements. However, make sure to adjust your design components if needed to fit the new canvas dimensions.

  4. How to screen record on mac? 
    To screen record on a Mac, you can use Trupeer AI. It allows you to capture the entire screen and provides AI capabilities such as adding AI avatars, add voiceover, add zoom in and out in the video. With trupeer’s AI video translation feature, you can translate the video into 30+ languages. 

  5. How to add an AI avatar to screen recording?
    To add an AI avatar to a screen recording, you'll need to use an AI screen recording tool. Trupeer AI is an AI screen recording tool, which helps you create videos with multiple avatars, also helps you in creating your own avatar for the video.

  6. How to screen record on windows?
    To screen record on Windows, you can use the built-in Game Bar (Windows + G) or advanced AI tool like Trupeer AI for more advanced features such as AI avatars, voiceover, translation etc.

  7. How to add voiceover to video?
    To add voiceover to videos, download trupeer ai chrome extension. Once signed up, upload your video with voice, choose the desired voiceover from trupeer and export your edited video. 

  8. How do I Zoom in on a screen recording?
    To zoom in during a screen recording, use the zoom effects in Trupeer AI which allows you to zoom in and out at specific moments, enhancing the visual impact of your video content.

People also ask

How to Hide Frame Names in Figma

How To Save Figma File

How To Make a Grid in Figma

How to Zoom In Figma using Sidebar

How To Blur Background in Figma

Common FAQs on how to extend a page in Figma

  1. How do I extend the canvas size in Figma?
    To extend the canvas size in Figma, click and drag the edges of the canvas while in the editor. You can also use the Resize tool by selecting the frame or artboard and dragging its handles to expand its dimensions.

  2. Can I set a custom page size in Figma?
    Yes, you can. When you select a frame or artboard, you’ll see width and height options in the Properties Panel on the right. Enter your desired dimensions to set a custom size for your page or design area.

  3. Does extending a page in Figma affect existing elements?
    Extending a page only adjusts the canvas or frame size and does not affect the placement of existing elements. However, make sure to adjust your design components if needed to fit the new canvas dimensions.

  4. How to screen record on mac? 
    To screen record on a Mac, you can use Trupeer AI. It allows you to capture the entire screen and provides AI capabilities such as adding AI avatars, add voiceover, add zoom in and out in the video. With trupeer’s AI video translation feature, you can translate the video into 30+ languages. 

  5. How to add an AI avatar to screen recording?
    To add an AI avatar to a screen recording, you'll need to use an AI screen recording tool. Trupeer AI is an AI screen recording tool, which helps you create videos with multiple avatars, also helps you in creating your own avatar for the video.

  6. How to screen record on windows?
    To screen record on Windows, you can use the built-in Game Bar (Windows + G) or advanced AI tool like Trupeer AI for more advanced features such as AI avatars, voiceover, translation etc.

  7. How to add voiceover to video?
    To add voiceover to videos, download trupeer ai chrome extension. Once signed up, upload your video with voice, choose the desired voiceover from trupeer and export your edited video. 

  8. How do I Zoom in on a screen recording?
    To zoom in during a screen recording, use the zoom effects in Trupeer AI which allows you to zoom in and out at specific moments, enhancing the visual impact of your video content.

People also ask

How to Hide Frame Names in Figma

How To Save Figma File

How To Make a Grid in Figma

How to Zoom In Figma using Sidebar

How To Blur Background in Figma

Créer une vidéo de style studio à partir d'un enregistrement d'écran brut
Créer une vidéo de style studio à partir d'un enregistrement d'écran brut
Créer une vidéo de style studio à partir d'un enregistrement d'écran brut

Experience the new & faster way of creating video content.

Experience the new & faster way of creating video content.

Experience the new & faster way of creating video content.