Smashing Magazine

Integrating Localization Into Design Systems — Smashing Magazine

Learn how two designers tackled the challenges of building a localization-ready design system for a global audience. This case study dives into how Rebecca and Mark combined Figma Variables and design tokens to address multilingual design issues, such as

Smashing Animations Part 2: How CSS Masking Can Add An Extra Dimension — Smashing Magazine

What if you could take your CSS animations beyond simple fades and slides — adding an extra dimension and a bit of old-school animation magic? In this article, pioneering author and web designer [Andy Clarke](https://stuffandnonsense.co.uk) will show you

Fewer Ideas: An Unconventional Approach To Creativity — Smashing Magazine

Remember that last team brainstorming session where you were supposed to generate a long list of brilliant ideas? How many of those ideas actually stuck? Did leadership act on any of those ideas? In this article, Eric Olive challenges the value of exercis

Building A Practical UX Strategy Framework — Smashing Magazine

Learn how to create and implement a UX strategy framework that shapes work and drives real business value.

Design System In 90 Days — Smashing Magazine

Helpful PDF worksheets and tools to get the design system effort up and running — and adopted! Kindly powered by How To Measure UX and Design Impact, a friendly course on how to show the impact of your incredible UX work on business.

Smashing Animations Part 3: SMIL’s Not Dead Baby, SMIL’s Not Dead — Smashing Magazine

While there are plenty of ways that CSS animations can bring designs to life, adding simple SMIL (Synchronized Multimedia Integration Language) animations in SVG can help them do much more. Andy Clarke explains where SMIL animations in SVG take over where

What Zen And The Art Of Motorcycle Maintenance Can Teach Us About Web Design — Smashing Magazine

Road-tripping along the line between engineering and spirituality, Robert M. Pirsig’s musings on the arts, sciences, and Quality ring as true now as they ever have.

Data Vs. Findings Vs. Insights In UX — Smashing Magazine

What’s the difference between data, findings, and UX insights? And how do you argue for statistical significance in your UX research? Let’s unpack it.

Reliably Detecting Third-Party Cookie Blocking In 2025 — Smashing Magazine

The web is mired in a struggle to eliminate third-party cookies, with the World Wide Web Consortium Technical Architecture Group leading the charge. But there are obstacles preventing this from happening, and, as a result, many essential web features cont

Prelude To Summer (June 2025 Wallpapers Edition) — Smashing Magazine

Let’s kick off June — and the beginning of summer — with some fresh inspiration! Artists and designers from across the globe once again tickled their creativity to welcome the new month with a new collection of desktop wallpapers. Enjoy!

Integrating Localization Into Design Systems — Smashing Magazine

Summary

AI generated
This article discusses the challenges of building a localization-ready design system for a global audience using Figma Variables and design tokens. It highlights the importance of considering multilingual design issues such as text overflow, RTL layouts, and font inconsistencies. The designers share their experiences, lessons learned, and solutions developed to create dynamic and scalable designs that adapt across languages, themes, and densities.

Media

From source

Snippets

AI generated
Our primary role is to support the token packages and component libraries for the SAS Filament Design System.
With the introduction of Figma Variables, alongside the advancements in design tokens, we saw an opportunity for designers.
Our story demonstrates how combining foundational principles of multilingual design with design tokens can help tackle the complexities of language switching in design systems.