Welcome to the Design Systems Report (formerly known as How We Document), our annual report that dives into the state of design systems. We’re into the fourth year of our report, and once again we’ve gathered the data on your teams, how you structure your design systems, the challenges you face and what makes a well adopted, highly trusted design system. Just under 300 of you participated in the survey,... https://webdesignernews.com/design-systems-report-2025/
When eBay set out to document their design system, they didn’t just want a reference guide—they wanted to create an experience where teams could find inspiration and excitement in their work. https://webdesignernews.com/how-ebay-built-a-bridge-between-brand-and-product-with-figma/
In modern web development, animations are essential for creating engaging and interactive user experiences. They help convey meaning, provide feedback, and improve aesthetics. https://webdesignernews.com/exploring-anime-js-a-powerful-javascript-animation-library/
Explore and copy a wide range of HTML symbols to enhance your designs, improve readability, and add unique characters to your projects https://webdesignernews.com/symbl-your-ultimate-symbol-library-2/
I’m not fully committed to this model yet: I’m still on the lookout for more agents and inference-time scaling later this year. But Deep Research, Claude 3.7, Claude Code, Grok 3, and GPT-4.5 have turned out largely in line with these expectations[1], and this is my current baseline prediction. https://webdesignernews.com/my-predictions-regarding-ai-progress/
Yes, you are reading that correctly: This is indeed a guide to styling counters with CSS. Some of you are cheering, “Finally!”, but I understand that the vast majority of you are thinking, “Um, it’s just styling lists.” If you are part of the second group, I get it. Before learning and writing more and more about counters, I thought the same thing. Now I am part of the first... https://webdesignernews.com/styling-counters-in-css/
We’re giving every UI element a complete refresh, focused on better aesthetics, improved usability, and a more polished design system. https://webdesignernews.com/a-fresh-design-for-a-better-flowbite-experience/
Yes, Photoshop lost. Maybe you’re new around here, but Photoshop was THE design tool everyone used to design websites and apps. Everyone. But it lost out to Sketch and Figma and now hardly anyone designs these things in Photoshop. Of course some still do but most don’t. I still use Photoshop for certain things but never web design or apps. It’s dead to me there. https://webdesignernews.com/why-people-are-mad-at-figma/
Some critics question the agnostic nature of Web Components, with some even arguing that they are not real components. Gabriel Shoyomboa explores this topic in-depth, comparing Web Components and framework components, highlighting their strengths and trade-offs, and evaluating their performance. https://webdesignernews.com/web-components-vs-framework-components-whats-the-difference/
With AI tools and models coming out faster than anyone can keep track of, designers and product builders are left wondering: Which technologies will stick? And how will they reshape the way we design and build software? Against this backdrop, Figma Co-founder and CEO Dylan Field and Y Combinator President and CEO Garry Tan sat down for a wide-ranging conversation about the staying—and growing—power of design, and the difference between... https://webdesignernews.com/dylan-field-and-garry-tan-on-