Design Systems News

a person in a hospital bed with a bandage on their head and the words i 'm back baby . Alt: a scene from Friends where Joey rips a white balaclava type mask from their head and says "I'm back baby"

we're down to 39 articles to read through for the @designsysnews.bsky.social newsletter.

With 16 links already in the hopper for up-coming editions.

A graphic titled "Design Systems News" features a quote: "Export your Design Tokens from Figma directly to your WordPress project."

From Figma Tokens to WordPress Styles in Minutes: Our New Figma Plugin

fueled.com/blog/figma-t...

#DesignSystems #DesignTokens #WebDev #WordPress #WebDesign #FrontEnd

A graphic titled "Design Systems News" features a quote from Philipp Jeroma: "SCALES, a structured FigJam template with key questions across five planning pillars, helps teams align goals before developing design tokens."

SCALES - A Design Tokens Starter Canvas in FigJam

jeromantik.de/scales-canvas

#DesignSystems #DesignTokens #Figma #WebDesign #WebDev

A graphic titled "Design Systems News" features a quote from Gulshan Rahman: "What are the building blocks of a button? Is it just text inside a rectangle or an icon, label, and interaction area combined?"

Architecting Components in Design Systems: Why It Feels Overwhelming (And How to Tackle It)

www.designsystemscollective.com/architecting...

#DesignSystems #FrontEnd #WebDev #WebDesign

A graphic titled "Design Systems News" features a quote: "This consolidation strengthens the design system infrastructure."

Introducing Brands for Nord Design System

arielsalminen.com/2025/introdu...

#DesignSystems #WebDesign #WebDev

A graphic titled "Design Systems News" features a quote: "Using a set of Preset annotations for each component allows designers to include specific pre-set details that aren’t already built into the component."

Design system annotations, part 2: Advanced methods of annotating components

github.blog/engineering/...

#DesignSystems #WebDesign #WebDev

A graphic titled "Design Systems News" features a quote from Mikołaj Dobrucki: "By adding support for native design tokens, Penpot is making real progress on connecting design and code." The design includes a grey background with an orange accent and a footer displaying "news.design.systems."

Integrating Design And Code With Native Design Tokens In Penpot

www.smashingmagazine.com/2025/05/inte...

#DesignSystems #Penpot #WebDesign #DesignTokens

A graphic titled "Design Systems News" features a quote from Jon Daiello: "Building the system was the easy part. Getting people to care about it? That’s the real work."

The Politics of Design Systems

www.jondaiello.com/posts/the-po...

#DesignSystems #WebDesign #WebDev

A graphic titled "Design Systems News" features a quote from Beatriz Novais: "Documentation analytics help you move from 'we shipped it' to 'we shipped it — and here’s what happened.'"

6 ways to use documentation analytics in your next design system launch

www.supernova.io/blog/6-ways-...

#DesignSystems #Documentation #WebDesign #WebDev

A graphic titled "Design Systems News" invites over 3,750 design professionals to explore the latest trends, insights, and resources in Design Systems. It highlights featured sections such as Articles, Interesting Reads, Tools/Resources, Community, Tutorials, Links, Design Systems, Audio/Video/Slides, and Conferences/Meet-ups/Workshops. The issue number is #199, with a note stating "Out Now!" at the top right.

🌟 This Week in Design Systems News!

Explore articles on design tokens, localisation, planning, and content. Check out resources from Penpot and Circle UI

Stay up–to–date: news.design.systems

#DesignSystems #FrontEnd #WebDesign #DesignOps #DesignTokens

song lyrics as email subjects?

This goes back (mid 1990s) to Total Guitar magazine that did this. I liked it. I've found an opportunity to 'replicate' it.

The song's generally the last thing I listened to before setting the newsletter to 'publish'.

A graphic titled "Design Systems News" features a quote about "SASSUI: Illustrations for Your Design Systems and Docs": "a collection of free, high-quality illustrations designed specifically for documentation and design systems." The design includes a grey background with an orange accent and a footer displaying "news.design.systems."

✨ Design Systems News

220+ Illustrations for Your Design Systems

SassUI offers a collection of free illustrations tailored for design systems and documentation. High-quality, customisable visuals designed to enhance your projects

illustrations.saas-ui.dev

#DesignSystems

A graphic titled "Design Systems News" features a quote from Jan Maarten: "Accessible components do not guarantee accessible designs." The design includes a grey background with an orange accent and a footer displaying "news.design.systems."

✨ Design Systems News

Design system annotations, part 1 from Jan Maarten

Mistakenly believing accessible components guarantee accessible designs, annotations are crucial to clarify design intent for developers.

github.blog/engineering/...

#DesignSystems #Accessibility #UXDesign

A graphic titled "Design Systems News" features a quote about the "Penpot Design Tokens Starter Kit" by Laura Kalbag: "Explore a comprehensive template showcasing 531 design tokens in action!" The design includes a grey background with an orange accent and a footer displaying "news.design.systems."

✨ Design Systems News

Penpot Design Tokens Starter Kit from Laura Kalbag

Featuring a comprehensive set of 531 design tokens in action. Explore various token types with this solid foundation for your design system.

penpot.app/penpothub/li...

#DesignSystems #DesignTokens #PenPot

A graphic titled "Design Systems News" features a quote from PJ Onori: "Good planning can turn a team clinging on for dear life into one that’s hyper-effective." The design includes a grey background with an orange accent and a footer displaying "news.design.systems."

Planning and design systems–how much time you got? from PJ Onori

Strategic approaches streamline processes and improve communication within design systems.

pjonori.blog/posts/design...

#DesignSystems #Planning #Productivity

A graphic titled "Design Systems News" invites over 3,750 design professionals to explore the latest trends, insights, and resources in design systems. It highlights featured sections such as Articles, Tools/Resources, Community, Tutorials, Links, Design Systems, Audio/Video/Slides, and Conferences/Meet-ups/Workshops. The issue number is #198, with a note stating "Out Now!" at the top right.

✨ Design Systems News

Did you see the latest curated Design Systems Newsletter in your inbox?

Not signed up yet‽

You can read it here - news.design.systems/issues/198

#DesignSystems #DesignTokens #FrontEnd #WebDev #WebDesign

A graphic titled "Design Systems News" features a quote from Angelica Cramer: "Without documentation, we lose the standards we worked so hard to create." The design includes a grey background with an orange accent and a footer displaying "news.design.systems."

Writing in Sync: Design System Content from Angelica Cramer

Documentation is vital for maintaining design system integrity. It requires collaboration among designers, developers, product managers, and marketers to ensure clarity and consistency.

#DesignSystems #Documentation

A graphic titled "Design Systems News" features a quote from Benny Powers: "Design tokens are the backbone of a design system, enabling consistency and scalability across products." The design includes a grey background with an orange accent and a footer displaying "news.design.systems."

✨ Design Systems News

Introducing Design Tokens Language Server from Benny Powers

A cool tool can help enhance your workflow with real-time feedback and advanced editing capabilities in your code editor.

bennypowers.dev/posts/introd...

#DesignSystems #DesignTokens #DeveloperTools

Keep up with the best curated Design Systems insights and resources!

Join us here: news.design.systems

#DesignSystems #FrontEnd #WebDev #WebDesign

A graphic titled "Design Systems News" features a quote from Rebecca Hemstad and Mark Malek: "Ignoring multilingual principles in the early stages of design creates cascading issues that are costly to fix later." The design includes a grey background with an orange accent and a footer displaying "news.design.systems."

✨ Design Systems News

Integrating Localisation in Design Systems — Rebecca Hemstad & Mark Malek

An insightful article diving into how integrating localisation can streamline processes and enhance user experience.

www.smashingmagazine.com/2025/05/inte...

#DesignSystems

A promotional image for "Design Systems News" featuring the title at the top, followed by a message inviting over 3,750 design professionals to explore the latest trends and resources in design systems. The image highlights the contents of Issue #198, including sections for articles, interesting reads, tools/resources, community, tutorials, links, design systems, audio/video/slides, and conferences/meet-ups/workshops, with a call to action to visit news.design.systems.

🌟 This Week in Design Systems News!

Explore articles on design tokens, localisation, planning, and content. Check out resources from Penpot and Circle UI

Stay up–to–date: news.design.systems

#DesignSystems #FrontEnd #WebDesign #DesignOps #DesignTokens

Want a weekly slice of the best curated Design Systems links to resources, articles, ideas, tips, tutorials, videos, examples, and more?

Sign up to the Design Systems Newsletter today:

news.design.systems

🙏🖤

= @sturobson.com

#DesignSystems #DesignTokens #WebDesign #WebDev #FrontEnd