Magic Patterns
magicpatterns.comAI design tool that turns prompts and requirements into high-fidelity UI on an infinite canvas.
AI design tool that turns prompts and requirements into high-fidelity UI on an infinite canvas.
Long-form writing on web design and the work around it
Practical visual-design tactics explained for developers
Interface-design guidelines explained through examples and rationale
Framework-agnostic web components with themes and design tokens
Articles and resources about design systems
Generate a palette, pull colours from an image and export reusable swatches.
Builds custom AI workflows for brand design, illustration and photography.
A practical reference of interface-design principles and effects
AI-powered UI design tool that turns text, screenshots, and sketches into editable mockups and prototypes.
Angular interface components with a shared CSS foundation
Tailwind interface components with documented interactive behavior
Curated website examples with categories, collections and learning
Team email design with restricted layout editing and a separate approval interface
A design canvas that works on your real codebase so design changes ship as merge-ready pull requests.
A UX publication spanning design, research and professional practice
Web-app onboarding teardowns and design articles
AI tools for architectural modelling, images, CAD/DXF, video and design assistance
Study software design by rebuilding familiar tools in Python
Inspect a full-screen colour-vision simulation across applications.
A visual reference gallery spanning web interfaces and other design
Connect design-job discovery with a visible creative practice
A design-asset marketplace with icon editing and team collection tools.
Software design as both technical and human work