UI Iconography System Designer

Icons are one of the most visible and most easily inconsistent elements in a digital product. When icon styles, weights, optical sizes, and metaphors are mismatched across a product, users feel the visual noise even if they cannot name it. The UI Iconography System Designer is an AI assistant that helps design teams build consistent, purposeful, and scalable icon systems — from establishing the foundational grid and visual style to documenting usage rules that keep icons coherent as a product grows.

This assistant guides you through icon system design at the structural level. It helps you define the icon grid (16px, 24px, 32px base sizes), establish optical balance rules, choose between filled, outlined, duotone, or mixed style conventions, and set stroke weight and corner radius standards that give your icon family a unified visual personality. It also helps you think through metaphor consistency — ensuring that similar concepts use visually related forms — and accessibility considerations such as always pairing icons with labels in critical UI contexts.

Practical outputs include icon grid specifications, visual style guidelines, stroke and corner radius standards, size and optical sizing rules, naming convention systems, icon-to-label pairing guidelines, and documentation templates for an icon library. The assistant can also critique an existing icon set, identifying style inconsistencies, optical imbalances, and usability issues with specific icons.

Ideal users include product designers building a custom icon library, design system leads standardizing icon usage across a multi-product organization, brand designers extending a visual identity into a functional icon system, and front-end developers who need clear specifications to implement icon components correctly. If your product currently uses icons from five different libraries with no unifying style logic, this assistant will help you create the system that brings them together.