Designer's Coffee #07: Unhirable Designers, Figma's New Multi-Edit Tools, and Free Resources
March 2024 Edition
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. |
Design news
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.
đĄ Multi-edit text
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.
đ Multi-edit variants
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 đ).
𤯠Multi-edit for component creation
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.
đŻââď¸ Bonus: Rename layers in bulk
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â.
What to read
My favourite articles, case studies, books and posts this month.
Watch or listen
My favourite YouTube tutorials, movies, podcasts and reels this month.
Design Better Than 99% of UI Designers â great practical tutorial by Tim Gabe
In this video, Tim covers the 7 key guidelines to be better at visual design.
Free Resources
And it comes together with the Figma plugin. đ¤Ż
1. Trevor Nielsen collected female designers to celebrate International Womenâs Day (March, 8)
2. Checklist for better design handoff by @ozanoz
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