Multi-edit introduction and overview

Summary

Dans cette vidéo, Miggi de Figma présente les améliorations de l'édition d'objets à travers plusieurs cadres. Il compare l'ancienne méthode, où l'échelle et la rotation d'objets groupés ne correspondaient pas aux attentes, avec la nouvelle fonctionnalité de sélectionner des couches correspondantes à travers des séries de cadres, qui dépend de la nommage et de la position. Il montre également comment éditer du texte et comment l'auto-mise en page fonctionne avec la multi-édition, ainsi que la possibilité de grouper des cadres à l'aide de sections pour une édition plus précise.

Takeaways

• 📐 Auparavant, l'échelle ou la rotation d'objets sélectionnés dans Figma affectait l'ensemble des objets comme un groupe.
• 🔄 Avec la fonction multi-edit, les objets peuvent maintenant être mis à l'échelle ou pivotés indépendamment dans leurs cadres respectifs en maintenant la touche Shift et Alt.
• 🎨 La sélection de couches correspondantes à travers plusieurs cadres est basée sur le nom et la position des couches.
• 🔍 Sélectionner des couches correspondantes ne considère pas les différences visuelles, même si les objets ont le même nom et ordre.
• ✍️ Il est possible d'éditer le texte dans plusieurs cadres en même temps, contrairement aux méthodes précédentes qui ne permettaient d'éditer qu'un champ de texte à la fois.
• 🔄 L'ajout de la fonction Auto Layout à des objets correspondants dans différents cadres permet à chaque cadre d'avoir son propre Auto Layout.
• 🚫 Avant la mise en place de multi-edit, l'application d'Auto Layout à plusieurs objets pouvait déplacer le contenu d'un cadre à un autre.
• 🎨 La fonction Auto Layout permet également de modifier la couleur et de déplacer des objets à l'intérieur des cadres Auto Layout.
• 📦 La multi-edit peut être appliquée à un grand nombre de cadres, comme démontrée avec l'objet de bas de page.
• 📂 Les groupes de cadres peuvent être définis à l'aide de sections pour une édition plus ciblée.
• 🎥 Pour en savoir plus sur la fonction multi-edit, il est recommandé de visionner le fichier de terrain de jeu et les autres vidéos de cette playliste.

Q & A

Comment les objets sont-ils édités dans plusieurs cadres dans Figma ?

Dans Figma, vous pouvez éditer des objets dans plusieurs cadres en sélectionnant les objets correspondants dans chaque mockup, puis en effectuant des actions telles que le redimensionnement ou la rotation en maintenant les touches Shift et Alt enfoncées. Les objets s'ajusteront de manière indépendante dans leurs cadres respectifs.

Quel était le problème avec l'édition d'objets avant la fonction multi-edit ?

Avant la fonction multi-edit, si vous sélectionniez un groupe d'objets et essayez de les redimensionner ou de les faire pivoter, ils agiraient comme un seul groupe, ce qui n'était pas toujours souhaitable. Les objets ne pouvaient pas être édités de manière indépendante dans leurs cadres respectifs.

Quelle est la nouvelle fonctionnalité distinctive de Figma qui permet de sélectionner des couches correspondantes à travers une série de cadres ?

La nouvelle fonctionnalité distinctive de Figma est la capacité de sélectionner des couches correspondantes à travers une série de cadres en utilisant la fonction 'select matching layers'. Cela permet de trouver les couches correspondantes en se basant sur le nom et la position de la couche.

Comment fonctionne la sélection de couches correspondantes en fonction du nom et de la position ?

La sélection de couches correspondantes fonctionne en identifiant les couches qui ont le même nom et se trouvent dans la même position dans une série de cadres. Cela permet de sélectionner et d'éditer simultanément des couches similaires dans différents cadres.

Comment éditer le texte dans plusieurs cadres ?

Pour éditer le texte dans plusieurs cadres, vous pouvez sélectionner les champs de texte dans chaque cadre, puis appuyer sur Entrée pour entrer en mode édition. Vous pouvez ensuite modifier le texte, et les changements s'appliqueront à tous les champs de texte sélectionnés.

Comment l'édition de texte dans plusieurs cadres a-t-elle évolué avec la fonction multi-edit ?

Avec la fonction multi-edit, vous pouvez maintenant sélectionner plusieurs champs de texte et les éditer simultanément, au lieu de devoir choisir un seul champ de texte à éditer à la fois, comme c'était le cas avant.

Quelle est la relation entre l'édition d'objets et la fonction Auto Layout dans Figma ?

L'édition d'objets avec la fonction multi-edit fonctionne également avec Auto Layout. Vous pouvez sélectionner des couches correspondantes et ajouter Auto Layout (en appuyant sur Shift + A), ce qui applique un Auto Layout différent dans chaque cadre sélectionné.

Comment la fonction Auto Layout a-t-elle été appliquée avant la mise en place de la fonction multi-edit ?

Avant la fonction multi-edit, en sélectionnant tous les objets dans leurs cadres respectifs et en appuyant sur Shift + A pour ajouter Auto Layout, l'Auto Layout n'était pas correctement appliqué et les contenus des cadres précédents étaient déplacés dans le dernier cadre, ce qui n'était pas le résultat souhaité.

Comment les modifications apportées à un objet dans un cadre affectent-elles les autres cadres avec Auto Layout ?

Lorsque vous apportez des modifications à un objet dans un cadre avec Auto Layout, ces modifications s'appliquent également aux objets correspondants dans d'autres cadres avec Auto Layout. Cela permet un multi-édit non seulement à l'intérieur des cadres, mais aussi à travers les cadres avec Auto Layout.

Comment la fonction multi-edit peut-elle être utilisée avec les groupes de cadres définis par des sections ?

La fonction multi-edit peut être utilisée avec des groupes de cadres définis par des sections en sélectionnant un objet dans un cadre, en choisissant 'select matching layers', et en limitant la sélection aux objets de bas de page (footer) à l'intérieur de la section sélectionnée. Cela vous permet de faire des ajustements spécifiques à ces groupes de cadres.

Quels sont les avantages de la fonction multi-edit dans Figma ?

La fonction multi-edit dans Figma permet une édition plus efficace et rapide d'objets et de textes dans plusieurs cadres. Elle simplifie le processus en permettant des ajustements simultanés, ce qui évite de devoir modifier individuellement chaque objet ou champ de texte, et facilite ainsi le travail de conception.