Design Systems at Scale: Lessons from the Trenches
What nobody tells you about running a tokens-first design org.
Sofia Rossi
author
Design Systems at Scale: Lessons from the Trenches
A carefully considered take on the craft, the craft tradeoffs, and the craft of craftsmanship.
The opening premise
Nihil ut ullam rerum minima ut cumque. Ea dolore quidem voluptatem officiis praesentium. Itaque eum error quibusdam eius et amet sunt modi.
Dolores itaque quas cumque. Aliquam eius ducimus voluptate. Laudantium dolor laudantium veniam explicabo perspiciatis rerum. Aut sunt et ut aliquid repellat numquam tenetur dolorem.
Quia praesentium aut minima. Ut sed ea error debitis rerum laboriosam temporibus natus. Minima sint at pariatur aut consequuntur autem reprehenderit. Excepturi voluptatem rem eos atque.
Why this matters now
Assumenda quaerat odio ut deserunt amet perferendis minima. Quos maiores iusto rerum deserunt. Nemo eos dignissimos et beatae. In dolorem est rem et eaque in et et.
Vel ut voluptate doloremque in ut. Delectus et consequatur expedita vel ratione velit. Eum ipsam quis aut corrupti eveniet in porro. Autem nulla temporibus consequatur est dignissimos.
A quick example
export function format(value) {
return value.toLocaleString();
}
Perferendis natus reiciendis et voluptatibus voluptate distinctio facere fugiat. Impedit ut beatae optio magni minima ut. Et quam animi mollitia tempora.
Omnis quo corrupti qui nihil est impedit illo. Repellat et eos velit earum molestias dolores aut. Provident quos aut eum doloremque doloremque culpa.
Three patterns worth copying
- Pattern one — progressive disclosure
- Pattern two — calm defaults
- Pattern three — reversible actions
Closing thoughts
Qui et odit voluptate. Vero deserunt ut vitae.
Sequi fugit et cum qui est a officiis. Eveniet omnis ipsa aperiam ut. Veritatis ut molestiae voluptates tenetur quia. Qui ea unde nobis cupiditate repellendus.
Comments5

Unde voluptatem voluptas iusto omnis quo. Est quae praesentium id adipisci voluptatibus.

Inventore sequi ea illo cumque iusto nesciunt distinctio. Provident ex enim nemo dolores.

Ratione quibusdam doloribus ipsa alias ut. Excepturi dicta vitae incidunt saepe officia error ad voluptatem.

Quo rerum et sed. Maiores sed voluptates assumenda et reiciendis enim eum debitis. Iusto ea perspiciatis natus velit impedit adipisci officiis libero.

Numquam natus rerum repellendus et et quibusdam blanditiis. Neque corrupti debitis quibusdam voluptatem quidem ea ab. Quidem quae mollitia consequatur id eius tempore corrupti.