-
▶️ Our Encore design system teams have been working on refreshing our icon system. Not only have we updated the visual style working with the amazing @robartlett, but we have also completely overhauled our icon management automating the majority of the process. @spotifydesign/1483846707519574020
♻️ 9 Retweets
❤️ 82 Favorites
Mood +4 🙂
-
Our icons are managed alongside our design tokens using the same tooling. We have integration with @figmadesign to export and optimise newly designed icons directly into code, which is then served to iOS, Android, Web and automatically back into our Figma toolkits. 🙏Permalink
❤️ 11 Favorites
Mood +2 🙂
-
When adding a new icon, designers can use our "New icon" template, we have a checklist to guide designers through the process, a space for explorations, a place to put the finalised design, as well as a flattened version to be exported.Permalink
❤️ 10 Favorites
Mood +1 🙂
-
Our automation process then reads from the "Export Card", extracts and optimises the icon into an SVG file and stores the metadata in our design tokens. With the icon in code, it is then automatically published back into Figma toolkits and becomes available to all designers. ✨Permalink
❤️ 7 Favorites
Mood +1 🙂