A comparison site ranking 104 design tools by role and capability, with scores, pricing context and copyable agent instructions.
AIToolsFigma+1
designtools.fyi
Visitopens in a new tab
Designengineer
designengineer.tools
A curated list of useful tools for web-focused design engineers by James Warner, from inspiration galleries to AI coding agents and utilities.
What is Designengineer?
Design Engineer Tools is a hand-curated directory by James Warner for web-focused design engineers. It groups resources into sections covering inspiration galleries like Awwwards, Godly and Mobbin, AI coding tools like Cursor, v0 and Claude Code, component libraries like shadcn/ui and Motion Primitives, plus color, easing, SVG and desktop utilities. It's a one-stop bookmark set for the design engineering workflow.
Best for
- Design engineers building a tool toolkit
- Finding inspiration and AI build tools fast
- Utility bookmarks from easing to SVG
Key features
- Curated by designer James Warner
- Sections for inspiration, AI, components, tools
- Color, easing, SVG and utility picks
- Desktop tools like Raycast and LocalSend
Related resources
A curated gallery of 120 real-world design systems with evidence-linked guides, plus free interactive token, color and accessibility tools.
Design SystemsInspirationFree+1
designsystems.one
Home of five free React UI effect libraries — Beam, Orb, Gooey, Metal and Image — built to be installed and wired up by coding agents.
ReactAnimationAI+3
libraries.dev