Best of Design Systems — November 2025

  1. 1
    Article
    Avatar of qtQt·20w

    Atomic Design Systems: Why the Labels Don’t Matter

    Atomic design remains relevant in 2025, but not through rigid chemistry labels. The methodology's creator, Brad Frost, confirms the labels were never the point—hierarchical composition is. Modern design systems should use semantic, purpose-driven naming (like Modal.Warning.SpeedLimit instead of Organism_7) that communicates intent clearly. Design tokens have become the essential foundation layer, providing single sources of truth for colors, spacing, and typography. Templates and pages remain valuable for maintaining layout consistency. The key is building systems that help teams create better products faster, not debating whether components are atoms or molecules.

  2. 2
    Article
    Avatar of logrocketLogRocket·21w

    Is retro design making a comeback?

    Retro design elements from the 90s—neon colors, pixel art, maximalist layouts, and bold typography—are resurging in modern interfaces. The piece explores how nostalgic design patterns can boost user engagement and brand identity when balanced with contemporary UX principles. It examines which vintage aesthetics work today, common pitfalls to avoid, and frameworks for blending nostalgia with accessibility and usability standards.

  3. 3
    Article
    Avatar of storybookStorybook·21w

    Storybook MCP sneak peek

    Storybook MCP is a new integration that provides AI coding agents with machine-readable component metadata from your Storybook setup. It helps agents generate higher quality code by giving them access to your existing component patterns, usage examples, and types. The system includes a self-healing loop that runs component tests and allows agents to fix their own bugs autonomously. Benchmarks show 3× faster code generation with 50% fewer tokens while maintaining quality standards. Early access begins December 2 for teams with mature React design systems.

  4. 4
    Article
    Avatar of ghblogGitHub Blog·21w

    Level up design-to-code collaboration with GitHub’s open source Annotation Toolkit

    GitHub open sourced the Annotation Toolkit, a Figma library that improves design-to-code handoffs by embedding accessibility documentation directly into design files. The toolkit uses numbered annotation stamps to document design intent, WCAG compliance requirements, and interactive behaviors, preventing accessibility issues before they reach production. GitHub's internal data showed 48% of accessibility audit issues could have been prevented with better upfront documentation. The toolkit is available on Figma Community and GitHub, includes interactive checklists and WCAG guidance, and accepts community contributions.

  5. 5
    Article
    Avatar of logrocketLogRocket·21w

    How did 90s web design influence modern UX?

    Explores how experimental web design from the 1990s — characterized by bold typography, animated GIFs, and vibrant color schemes — laid the groundwork for contemporary UX principles. Examines the evolution from chaotic early web aesthetics to structured, user-centered design practices that prioritize usability and cognitive patterns.

  6. 6
    Article
    Avatar of phProduct Hunt·23w

    Supernova.io: From idea to feature - with AI agents to back you up!

    Supernova is a collaborative platform that accelerates product development from ideation to final feature delivery. Built on a design system foundation, it helps product managers, designers, and engineers streamline workflows through AI-powered automation while maintaining brand consistency and quality standards. The platform addresses gaps in existing tools by supporting the complete product process including documentation, iteration, and team collaboration.

  7. 7
    Article
    Avatar of uxplanetUX Planet·22w

    UI Design with Midjourney

    A practical guide to generating UI designs using Midjourney v7, including a reusable prompt template, best practices for achieving functional results, and real examples of generated outputs. Key techniques include using design-specific vocabulary instead of artistic terms, referencing established design systems like Material Design 3 or Apple HIG, and adjusting parameters like aspect ratio and style settings. The generated visuals work best for early-phase design exploration and look-and-feel experimentation before moving to high-fidelity tools like Figma.

See all Design Systems archives