Figma has quickly become a user-favorite platform for all designers due to its accessibility, ease of use, and dynamic collaboration features – allowing teams to seamlessly work together in real-time regardless of geographical location. But as it is a constantly evolving platform, it is continuously introducing new and exciting features that we must keep up with.
The most recent feature Figma introduced is the Multi-Edit option (it was about time).
Multi-Edit is a brand new feature of Figma that allows the user to edit multiple components of their design – all at once. This feature is particularly useful for editing a series of related mockups, prototyping, or updating component variants. This way the process is made more efficient, letting the designer focus more on creativity rather than technicalities.
In essence, Multi-Edit empowers users to easily manipulate multiple components within their designs simultaneously, streamlining workflows and enhancing productivity. You can do stuff such as select matching layers, bulk edit across frames, align many objects to their frames, make changes to all variants – and much more.
Figma is our favorite editing platform for a reason: it is easy to use. So expect no different from the Multi-Edit feature.
First of all, to select multiple components within Figma, all you have to do is keep the Shift (↑) key pressed as you select your desired components.
But with the Multi-Edit feature, Figma has introduced a new option within their platform.
When you select a component, you will notice a brand new option on the top menu, as shown in the picture above. If you press that button, Figma will automatically recognize and select all matching layers in your entire project.
You can also access the option through Ctrl+Alt+A (⌘⌥A), for our fellow designers who like doing things as quickly as possible via shortcuts. Try it out!
After you have automatically or manually selected your components, you can batch-edit them on the side menu as you would any normal layer. This includes all possible editing options such as alignment, transformations, position, etc.
Multi-editing is also possible across Auto-Layout frames. This could help edit content across different devices and responsive layouts.
Figma has gone as far as to introduce automatic recognition of frames. For example – if you’re batch-dragging multiple components into their frames, each layer will re-parent themselves into their respective frames. Doesn’t matter if the frames aren’t in the same position.
The same thing will be done if you use the Copy & Paste functions. Once you copy multiple components in Figma, they will be pasted into their respective frames without the need for manual sorting.
Of course, the Multi-Edit Figma feature includes text as well. You can select all the similar text layers the same way you would with any component, by pressing the “Select matching layers” button or Ctrl+Alt+A. Then you can edit the text layers simultaneously, including their properties and the text field itself.
We hope this article taught you all you needed to know about Figma’s brand-new Multi-Edit feature. Have fun creating!
And if you are interested to learn more about Figma, make sure to check out our other resources. We provide plenty of free articles and tutorials :)
Stay up to date with the latest design news and cutting-edge softwares, sent straight to your inbox!