Spotify’s new icons. Layers naming. Framer Sites.
Hello! A few interesting news from the last week: Figma explained how data shaped a new comments experience, Spotify updated their icon system, and Framer announced the beta release of Sites, their new no-code service. See also a deep dive on hexagons and layers naming by Figma Designer Advocates.
Have a wonderful week!
— Eugene
Sponsor
Start 2022 with Harmony
It’s not too late to register! Learn how to scale your design function, operations, and technology at the Harmony Summit. Hear from leaders at organizations like Disney and Microsoft on how their design teams collaborate with engineering, product, and the entire company to deliver beautiful products.
What’s New
Framer Sites Beta
Framer announced the new app for designing and publishing websites without writing any code. Like everything they do, it’s powerful and well-made. It’s even integrated with Figma through their Framer Copy Paste plugin! Excited to see more high-quality tools in this field.
From experiment to launch: how data shaped a new comments experience
“Over the past two months, we’ve rolled out a number of updates to comments in Figma. As always, insights about our users and how they design together informed these improvements. The data science team spearheaded experiments to learn how to encourage feedback and collaboration directly in the file. Here, Data Scientist Emily Jia shares the hypotheses, tests, and learnings that lead to this cross-functional, data-driven product launch.”
Using Figma
Refreshing our Icon System: the why and how behind the changes
Nice write-up on how Spotify updated their icon system and streamlined the contribution flow with Figma. Shaun Bent shares a few more details in his Twitter thread.
Guide: Layer naming conventions
Luis explores a few approaches to layer naming based on a level of fidelity, team conventions, and who is responsible for this work.
Hexagons
Anthony DiSpezio goes deep on hexagons, and this has absolutely nothing to do with Twitter or NFTs.
3 copy & paste tips
Zander shows a few copy-paste features that Figma released back in October.
In the file: From design to code – Scaling design with collaboration and documentation
Figma Designer Advocate Luis Ouriach talks to the UX Lead at Wix.com Domas Markevičius about how they embed a culture of collaboration and communication between designers and developers.
Made in Figma
Space Worms
Fons Mans published a Community file with one of his visual experiments using gradients and shadows to get a retro 3D effect.
Resources
Simple File Covers
Jan Toman prepared a small file covers kit with several styles and unique waves-like artwork for each color. He also shared a few principles behind them.
Plugins
Confetti Genie
Generate a random confetti pattern on your canvas.
Import PDF into FigJam
Quickly import and embed PDF files into your FigJam boards.