Product design muscles, Design systems, Mona Sans and Hubot Sans, Minimal dark mode, Dialogs, modality and popovers

html.to.design: Convert any website into fully editable Figma designs - Import full web pages into Figma to kick-start your own designs without building a single element from scratch. - divRIOTS  Sponsored

Product design muscles - Product Design is a discipline that requires us to build and maintain certain mental “muscles” to be able to do our work. - Ryan Quintal / filed under Product Design

Design systems: Useful examples and resources - Some interesting design systems and their features, as well as useful resources for building a successful design system. - Cosima Mielke / filed under Design System

Mona Sans and Hubot Sans - Two variable, open source fonts from GitHub. - GitHub / filed under Typography

Minimal dark mode - What’s the easiest and fastest way to set up dark mode? - Jens Oliver Meiert / filed under HTML & CSS

Dialogs, modality and popovers - Web platform concepts can sometimes be quite different, yet seem very similar. Semantics, behaviours and characteristics can be tricky to distinguish. - Hidde de Vries / filed under HTML & CSS