Research and User Analysis
Tools for collecting data and gaining user insights.
- Hotjar – Heatmaps, session recordings, and feedback surveys.
https://www.hotjar.com/ - Typeform – Interactive surveys and feedback forms.
https://www.typeform.com/ - ChatGPT – Supports creating surveys, personas, or user interview questions. Can simulate feedback and generate initial ideas for user stories.
https://chat.openai.com/ - Perplexity AI – AI-powered platform for research and quick information gathering, useful for user research and market analysis.
https://www.perplexity.ai/
Prototyping, Wireframing & No-Code/Low-Code
Tools for creating interactive prototypes and functional designs.
- Figma + Plugins (Anima, Bravo Studio) – Collaborative prototyping with low-code export (HTML, React, etc.).
https://www.figma.com/ - Adobe XD – High-fidelity prototyping and animations.
https://www.adobe.com/products/xd.html - Webflow – Drag-and-drop prototyping with code export (HTML, CSS, JS).
https://webflow.com/ - Sketch – Wireframing and UI design with prototyping features.
https://www.sketch.com/ - Uizard – Converts sketches into interactive wireframes and prototypes.
https://uizard.io/ - Framer – Design and prototyping tool for interactive and animated user interfaces.
https://www.framer.com/ - WordPress – Low-code platform for quickly creating functional websites and prototypes with plugins for UX optimization and interactivity.
https://wordpress.org/
Content and Asset Generation
Tools for generating content and visual assets.
- Copy.ai – AI-generated text, e.g., for UX microcopy.
https://www.copy.ai/ - Unsplash – Free, high-quality images for designs.
https://unsplash.com/ - FontJoy – AI-powered font pairings for UX design.
https://fontjoy.com/ - Recraft AI – AI-powered platform for quick generation of graphics and visual assets.
https://www.recraft.ai/ - Krea AI – Specialized in inspiration and creative content generation through AI.
https://www.krea.ai/ - Stable Diffusion – AI tool for creating images and visual designs from text descriptions.
https://stability.ai/
Accessibility
Tools to ensure accessibility and inclusivity in design.
- Wave – Analyzes accessibility and contrast issues.
https://wave.webaim.org/ - Stark – Contrast testing and accessible color palettes.
https://www.getstark.co/ - Color Oracle – Simulates color blindness.
http://colororacle.org/ - ChatGPT – Assists in analyzing accessibility strategies, generating guidelines, and optimizing ideas for accessible UX designs.
https://chat.openai.com/ - WCAG Guidelines – The key standards for accessible web design.
https://www.w3.org/WAI/standards-guidelines/wcag/ - Accessibility Checklist – A comprehensive checklist for developers and designers.
https://accessibility-checklist.org/