Hey guys! 👋
Here is what’s on the menu this month:
Trying out Figma’s new multi-edit tool.
Why 90% of designers are unhirable.
Design Tools Report 2023.
Sexy Google fonts you should check out.
Free resources: AI Stock Images & Minimal Icon Pack.
But before we start… Meet our new friend — Kofi the coffee! ☕ From now on, Kofi will help me with this newsletter. |
A powerful Figma update introduces bulk actions like multi-select matching layers across multiple frames and multi-edit text and components.
To multi-select matching objects - select a layer within a frame (from the canvas or the Layers panel) and click the new “Select matching layers” in the top-middle toolbar symbol that looks like a grid of 4 squares.
Once you’ve selected objects, you can edit them all at the same time. This includes rotating, grouping, masking, adding auto layout, and more. And it works not only for frames but for groups and sections.
A feature I was dreaming about for a long time. Especially after I had to manually update the text for 40 screens early in my career.
Now you can select multiple text fields (matching or not) and update them all at the same time. I’m crying! 😅
Again the new “Multi-edit text” tool is located in the top-middle toolbar and appears when text layers are selected.
A game-changer for updating a Design System. You can now bulk-edit selected variants in a component set. Once you select a frame in your variant, you can see the new “Multi-edit variants” symbol in the top-middle toolbar.
You can use this to add icons to buttons, drag another component inside your component set, change spacing in your auto-layouts, and more.
Important: you can’t isolate specific variants. So these bulk changes will apply to every variant in your component set.
Hopefully, Figma will fix it in the upcoming updates. I’m also curious how this feature could work with a future Figma AI assistant (if rumours are true 👀).
This is another use case for the new multi-edit feature. If you select matching layers on all of your screens, and “create a new component” - the magic happens.
Your new component will be created above your first frame, and each of your selections will be replaced with an instance of the component.
To play around with these updates, check the community file. You can also check Figma’s Multi-edit Playlist on YouTube.
It’s not a new feature, but since we’re talking about bulk actions I’ll remind you about the bulk layer renaming. To avoid hitting “Frame 999242932…”, you can rename your layers from time to time.
Select all layers you want to rename → Right-click on the layers panel and click “Rename” → Adjust names as needed in the pop-up (you can use “$NN” to add numbers at the end of the name) → Click “Rename”.
My favourite articles, case studies, books and posts this month.
My favourite YouTube tutorials, movies, podcasts and reels this month.
In this video, Tim covers the 7 key guidelines to be better at visual design.
And it comes together with the Figma plugin. 🤯
A useful checklist of key communication points between designers and engineers during the design process.
via @uxhints_com
— Ozan Öztaskiran (@ozanoz)
7:30 AM • Mar 25, 2024
|
That’s all for today! If you found the newsletter interesting, don’t forget to share it with your friends 😉. And if you have any cool links to share - drop them my way. 📮
See you next time!
Kristina
P.S. To ensure you don't miss any future editions, consider adding my email to your contacts, primary inbox or whitelisting it. I promise, no spam - just a good cup of Designer's Coffee each month! ☕
Reply