Best of Design Systems — December 2025

  1. 1
    Article
    Avatar of tkdodoTkDodo·19w

    Designing Design Systems

    An experienced frontend engineer shares their perspective on building effective design systems, emphasizing that success requires more than visual design. The post outlines 30+ principles for creating robust design systems, covering API design, type safety, accessibility, composition patterns, performance, and developer experience. Key themes include balancing constraints with flexibility, prioritizing type safety and documentation, building for common use cases rather than edge cases, and treating adoption as a cultural challenge rather than purely technical.

  2. 2
    Article
    Avatar of lobstersLobsters·19w

    Vanilla CSS is all you need

    Modern CSS has evolved to include native variables, nesting, container queries, and advanced features like :has() and color-mix(), making build tools and preprocessors unnecessary for many projects. An analysis of three production applications from 37signals (Campfire, Writebook, and Fizzy) reveals a consistent nobuild CSS architecture using OKLCH colors, character-based spacing, semantic component classes with minimal utilities, and progressive adoption of cutting-edge CSS features. The approach demonstrates that vanilla CSS can handle real-time chat, publishing platforms, and project management tools with 14,000 lines across 105 files, achieving sophisticated interactions like animated dialogs, dynamic theming, and stateful UI without JavaScript or build steps.

  3. 3
    Article
    Avatar of bradfrostBrad Frost·17w

    Agentic Design Systems in 2026

    Design systems combined with AI enable new collaborative workflows where non-technical team members can verbally describe features and see them generated using production-grade components. The Storybook MCP tool demonstrates this approach, constraining AI generation to use established design system standards rather than arbitrary code generation. This "DS+AI" formula creates coded prototypes that short-circuit traditional design review cycles while maintaining organizational quality standards.

  4. 4
    Article
    Avatar of newstackThe New Stack·16w

    Web Components Are the Comeback Nobody Saw Coming

    Web components are experiencing a resurgence as developers tire of framework complexity and bloated bundles. Native browser APIs like custom elements and Shadow DOM offer framework-agnostic, lightweight alternatives that work across React, Vue, or vanilla JavaScript without modification. Major browser support is now stable, and libraries like Lit have improved developer experience. The interoperability advantage makes web components ideal for design systems and microfrontends, allowing teams to build reusable UI components once and deploy them anywhere. As performance budgets tighten and framework fatigue sets in, the native web platform capabilities are proving sufficient for most modern applications.

  5. 5
    Article
    Avatar of linearLinear·17w

    Design is more than code

    Design should focus on understanding and defining problems before jumping to solutions, rather than being reduced to code execution. The design process involves two stages: conceptual (finding the right form and direction based on problem understanding and product vision) and execution (building it out). While new tools and AI make execution easier, there's a risk of devaluing the strategic thinking that happens before coding—questioning problems, aligning stakeholders, and making intentional decisions about product direction. The concern isn't about whether designers should code, but whether the industry will lose the patience for deep consideration and problem-solving in favor of rapid output.

  6. 6
    Article
    Avatar of sketchSketch·17w

    Sketch in 2025: Stacks, Glass & a macOS Tahoe Redesign

    Sketch shipped three major releases in 2025: Athens introduced Stacks (auto layout system) and Frames/Graphics (new container types replacing Artboards); Barcelona added glass effects, progressive blurs, and fade effects for iOS/macOS 26 design; Copenhagen brought a complete UI redesign for macOS Tahoe with focus mode, rewritten Inspector, stack wrapping, and one-click background removal. Additional updates include infinite folder nesting in Workspaces, a local-only MCP server for AI integration, enhanced Command Bar with component insertion, and a new Private Cloud offering for enterprise teams.

  7. 7
    Article
    Avatar of tkdodoTkDodo·16w

    2025 in Review

    A personal retrospective covering joining Sentry's Design Engineering team, shipping their redesign and S.C.R.A.P.S design system, improving codebase quality with type-aware linting and dead code removal, and contributing to performance optimizations. Discusses TanStack Query maintenance reaching v5.90, upcoming challenges with Async React features, giving workshops and talks, blogging regularly despite declining traffic from AI, training for a half marathon (1007km run), and upcoming 2026 conference appearances across Europe.

  8. 8
    Article
    Avatar of bradfrostBrad Frost·18w

    Agentic Design Systems in 2026 with Brad Frost

    Brad Frost discusses how AI and autonomous agents are transforming design systems, requiring them to evolve into machine-readable infrastructure. The shift means design systems must adapt to serve both human teams and AI agents that autonomously assemble UIs using the same component libraries.

See all Design Systems archives