https://mohin.uxatom.com/blog/ Guides on design systems, UX and the craft behind clear interfaces. en https://mohin.uxatom.com/blog/design-system-guide/what-is-a-design-system/ https://mohin.uxatom.com/blog/design-system-guide/what-is-a-design-system/ Wed, 04 Nov 2026 00:00:00 GMT Becoming a design system designer A design system is more than a component library. The five layers, the Atomic Design model, what it saves a team, and the public systems worth studying. https://mohin.uxatom.com/blog/design-system-guide/design-tokens/ https://mohin.uxatom.com/blog/design-system-guide/design-tokens/ Wed, 04 Nov 2026 00:00:00 GMT Becoming a design system designer What design tokens are, why the semantic tier matters most, how to name them, how to build them in Figma Variables and how they reach code as CSS. https://mohin.uxatom.com/blog/design-system-guide/figma-for-design-systems/ https://mohin.uxatom.com/blog/design-system-guide/figma-for-design-systems/ Wed, 04 Nov 2026 00:00:00 GMT Becoming a design system designer The Figma skills a design system depends on: Auto Layout as Flexbox, components, variants and properties, avoiding variant explosion, and publishing a library. https://mohin.uxatom.com/blog/design-system-guide/building-a-component-library/ https://mohin.uxatom.com/blog/design-system-guide/building-a-component-library/ Wed, 04 Nov 2026 00:00:00 GMT Becoming a design system designer How to build a design system component: audit, anatomy, variants and every state, a documentation template, API rules shared by Figma and code, and Storybook. https://mohin.uxatom.com/blog/design-system-guide/design-system-governance/ https://mohin.uxatom.com/blog/design-system-guide/design-system-governance/ Wed, 04 Nov 2026 00:00:00 GMT Becoming a design system designer Who runs a design system and how it changes: team models, a contribution process, semantic versioning and deprecation, and the signals that show adoption. https://mohin.uxatom.com/blog/design-system-guide/ux-principles-heuristics-laws-gestalt/ https://mohin.uxatom.com/blog/design-system-guide/ux-principles-heuristics-laws-gestalt/ Wed, 04 Nov 2026 00:00:00 GMT Becoming a design system designer Nielsen’s ten heuristics, the Laws of UX, Gestalt grouping, mental models, affordances and signifiers, explained with plain interface examples. https://mohin.uxatom.com/blog/design-system-guide/user-flows-wireframes-interaction-design/ https://mohin.uxatom.com/blog/design-system-guide/user-flows-wireframes-interaction-design/ Wed, 04 Nov 2026 00:00:00 GMT Becoming a design system designer How to map a user flow, pick the right wireframe fidelity, organise information and design every state of a screen, from empty and loading to error. https://mohin.uxatom.com/blog/design-system-guide/visual-design-fundamentals/ https://mohin.uxatom.com/blog/design-system-guide/visual-design-fundamentals/ Wed, 04 Nov 2026 00:00:00 GMT Becoming a design system designer Visual design makes an interface easy to read. Hierarchy, type scales, the 4 and 8 point grid, colour palettes, OKLCH and layout grids, explained. https://mohin.uxatom.com/blog/design-system-guide/accessibility-in-design-systems/ https://mohin.uxatom.com/blog/design-system-guide/accessibility-in-design-systems/ Wed, 04 Nov 2026 00:00:00 GMT Becoming a design system designer The WCAG principles, a designer’s WCAG 2.2 checklist for contrast, focus and target size, and how keyboard and screen reader users move through a UI. https://mohin.uxatom.com/blog/design-system-guide/motion-and-micro-interactions/ https://mohin.uxatom.com/blog/design-system-guide/motion-and-micro-interactions/ Wed, 04 Nov 2026 00:00:00 GMT Becoming a design system designer Motion is communication, not decoration. What it is for, the four parts of a micro-interaction, duration and easing tokens, reduced motion and performance. https://mohin.uxatom.com/blog/design-system-guide/html-css-javascript-for-designers/ https://mohin.uxatom.com/blog/design-system-guide/html-css-javascript-for-designers/ Wed, 04 Nov 2026 00:00:00 GMT Becoming a design system designer Enough code to work with engineers: semantic HTML, Flexbox and Grid, custom properties, container queries, :has(), and the UI states JavaScript reveals. https://mohin.uxatom.com/blog/design-system-guide/visual-qa-and-user-research/ https://mohin.uxatom.com/blog/design-system-guide/visual-qa-and-user-research/ Wed, 04 Nov 2026 00:00:00 GMT Becoming a design system designer A self-review checklist, how to QA a build against the design, how to write issues engineers can act on, and how to turn research and analytics into insight. https://mohin.uxatom.com/blog/design-system-guide/working-as-a-design-system-designer/ https://mohin.uxatom.com/blog/design-system-guide/working-as-a-design-system-designer/ Wed, 04 Nov 2026 00:00:00 GMT Becoming a design system designer How to work with product and engineering, write clearly, structure a design system case study, prepare for interviews, and a 30-day plan to practise it all. https://mohin.uxatom.com/blog/design-system-guide/design-system-glossary/ https://mohin.uxatom.com/blog/design-system-guide/design-system-glossary/ Wed, 04 Nov 2026 00:00:00 GMT Becoming a design system designer Plain definitions of the terms used across this series: tokens, modes, variants, governance, semver, easing, container queries, design QA, HEART and STAR.