The UX Designer’s Toolkit 2026: Essential Tools for Every Stage of the Process
Every UX designer has their toolkit — the set of tools they reach for instinctively when a new project lands. The right toolkit does not make you a better designer. But the wrong one — tools that do not fit your workflow, tools that are overkill for your team size, tools you are paying for but barely using — can slow you down, fragment your work, and add unnecessary friction to the creative process.
The UX tool landscape has also changed significantly in the past two years. AI capabilities have been embedded into the tools most designers already use daily. The boundary between design and prototyping has blurred. And a new category of AI-native research tools has emerged that genuinely changes what is possible in the research and synthesis phases of the design process.
This guide is a stage-by-stage walkthrough of the tools worth having in your UX toolkit in 2026 — with honest assessments of what each one is genuinely good for, where it falls short, and who should be using it.
How to Think About Your Toolkit
Before diving into specific tools, a few principles that should guide every toolkit decision.
First: fewer tools, used well, outperform many tools used occasionally. Every tool in your stack has a learning curve, a subscription cost, and a cognitive overhead. A designer who deeply knows three tools will outperform one who superficially knows ten.
Second: match the tool to the fidelity of the question you are trying to answer. A lo-fi wireframe question does not need a high-fidelity prototyping tool. A quick usability question does not need an enterprise research platform. Tool mismatch — using overpowered tools for simple questions, or underpowered tools for complex ones — is one of the most common and most costly inefficiencies in UX practice.
Third: evaluate tools on collaboration as much as capability. A tool that only you can use is a bottleneck. A tool your whole team can see and edit, that stakeholders can comment on, that developers can inspect — multiplies the value of your work far beyond what any solo capability improvement could achieve.
Stage 1: Research Tools
Dovetail — Research Repository and AI Synthesis
Dovetail has become the standard research repository for serious UX teams. It transcribes and analyses user interview recordings, lets you tag observations, surface patterns across multiple studies, and build a searchable knowledge base of user insights that the whole organisation can access. Its AI synthesis capabilities have matured considerably — the ability to automatically tag themes across dozens of interview transcripts in minutes rather than hours is a genuine workflow transformation for research-heavy teams.
Best for: teams running frequent qualitative research who need a shared insight repository.Less appropriate for: single-project teams or designers who do most of their research through surveys and analytics rather than interviews.Hotjar and Microsoft Clarity — Behavioural Analytics
For understanding how users behave on your live product, Hotjar and Microsoft Clarity are the two most widely used tools. Hotjar offers heatmaps, session recordings, and simple in-page surveys. Microsoft Clarity offers the same core features entirely for free, with generous recording limits and strong integration with Google Analytics 4. For teams with budget constraints, Clarity is hard to beat.
For teams who need more sophisticated funnel analysis and user segmentation, Hotjar’s paid tiers add meaningful capability.Maze — Unmoderated Usability Testing and Surveys
Maze integrates directly with Figma and allows you to run unmoderated usability tests, first-click tests, five-second tests, and tree tests with your own participants or Maze's panel. The AI analysis layer automatically surfaces patterns across responses and generates structured insight reports. Its free plan is generous enough for early-stage validation.
For teams running continuous discovery with high testing frequency, the paid tiers offer meaningfully better analytics and reporting.Lookback — Moderated Research Sessions
For moderated user interviews and usability sessions, Lookback remains the most purpose-built tool available. It handles participant consent, session recording, live observation by teammates, timestamped notes, and clip-sharing for stakeholders. The combination of Lookback for moderated sessions and Maze for unmoderated testing covers the full spectrum of usability research without requiring a third tool.
Stage 2: Information Architecture Tools
FigJam — Collaborative Mapping and Diagramming
FigJam has become the go-to tool for collaborative IA work: sitemap creation, user journey mapping, user flow diagramming, and workshop facilitation. Its deep integration with Figma means you can move seamlessly from a journey map in FigJam to wireframes in Figma without context-switching tools. For teams already in the Figma ecosystem, it is the natural choice for all collaborative mapping work.
Optimal Workshop — Card Sorting and Tree Testing
When your IA decisions need to be grounded in quantitative user data rather than designer intuition, Optimal Workshop is the most capable tool available. Its OptimalSort tool runs card sorting studies (both open and closed) with real users. Its Treejack tool tests whether users can navigate a proposed site structure to find specific content. The data these tools generate is invaluable for IA decisions in large-scale or content-heavy products.
Stage 3: Wireframing and Design Tools
Figma — The Industry Standard
Figma is the design tool for the vast majority of professional UX and UI designers in 2026. Its real-time collaboration, component system, Auto Layout, Variables (for design tokens and theming), prototyping capabilities, and developer handoff features have made it the closest thing the industry has ever had to a single tool for the entire design-to-development workflow. Figma AI — the platform’s suite of AI-assisted features — adds component generation from text prompts, design system application, and accessibility checking directly within the tool.
If you are a UX designer who is not yet deeply proficient in Figma, that is the highest-return investment you can make in your toolkit right now. For a comprehensive learning path, the Figma Learn Design resources are the best official starting point.
Whimsical — Fast Lo-Fi Wireframing
Whimsical is worth knowing about even if Figma is your primary tool. Its wireframing mode is significantly faster to work in at the very earliest stages of ideation — drag-and-drop blocks, instant flowchart connections, and a deliberately constrained set of components that keeps you focused on structure rather than styling. For the first hour of a wireframing session, when you need to generate many structural concepts quickly, Whimsical is often faster than Figma.
Stage 4: Prototyping Tools
Figma Prototyping — For Most Use Cases
For the majority of prototyping needs, Figma’s built-in prototyping capabilities are sufficient. Click-through prototypes with transitions, overlays, and basic animations cover the vast majority of what design teams need to test user flows and navigation patterns. The ability to share a prototype link that works on both desktop and mobile without any app installation remains one of its greatest practical advantages for user testing.
ProtoPie — For Advanced Interactions
When Figma’s prototyping capabilities are not enough — when you need sensor-based interactions, conditional logic, multi-screen state management, or micro-animation fidelity that feels indistinguishable from a real product — ProtoPie is the tool most professionals reach for. It imports Figma designs directly and adds an interaction layer on top. The learning curve is steeper than Figma’s prototyping mode, but the ceiling is dramatically higher.
Framer — For Design-to-Production Bridging
Framer occupies a unique position in the toolkit: it is simultaneously a design tool, a prototyping tool, and a website builder. Prototypes built in Framer can be published as live, responsive web pages — making them genuinely useful as proof-of-concept sites, landing pages, or portfolio showcases, not just internal testing artefacts. For designers who want to move closer to production without writing code, Framer is increasingly compelling.
Stage 5: Testing Tools
Usability testing tools overlap significantly with the research tools covered in Stage 1 — Maze and Lookback serve both phases. A few additional tools are worth adding for specific testing scenarios.
Lyssna — Fast Qualitative and Quantitative Tests
Lyssna (formerly UsabilityHub) is particularly well-suited for quick, targeted tests: five-second tests, click tests, preference tests, and question-based surveys. Its free tier is generous and its paid plans are among the most affordable in the research tooling space. For teams who need to validate specific design decisions quickly without running a full usability study, Lyssna fills an important niche between informal feedback and formal testing.
UserTesting.com — Enterprise Research at Scale
UserTesting is the enterprise option for teams who need to run large-scale, rigorously recruited usability studies with strong screening, demographic filtering, and compliance controls. Its AI analysis features automatically surface key moments in video recordings and generate insight summaries. The pricing puts it out of reach for most small teams, but for enterprise product teams with high testing frequency it delivers unique capability.
Stage 6: Design System Tools
Tokens Studio — Design Token Management
Tokens Studio (the Figma plugin formerly known as Figma Tokens) is the most widely used tool for managing design tokens in Figma and syncing them to a development codebase. It extends Figma’s native Variables with W3C-compliant token export, GitHub sync, and a token management interface that makes working with large token sets significantly more manageable. For any team building a design system that needs to stay in sync with production code, Tokens Studio is effectively essential.
Zeroheight — Design System Documentation
Zeroheight is the leading tool for publishing and maintaining design system documentation. It pulls directly from Figma to keep component documentation in sync with the design source of truth, and allows teams to write usage guidelines, embed code examples, and create a single destination where designers and developers can both reference the design system. For any team whose design system needs to serve more than a handful of people, Zeroheight’s documentation layer is a significant quality-of-life improvement over undocumented Figma files.
Stage 7: Handoff and Developer Collaboration
Figma Dev Mode
Figma’s built-in developer mode gives engineers a dedicated view of design files that surfaces measurements, spacing, typography specs, colour values, and exportable assets automatically. For teams already working in Figma, Dev Mode dramatically reduces the back-and-forth of handoff and eliminates most of the common discrepancies between design intent and engineering implementation. It is now included in Figma’s paid plans and is the first tool to add to your handoff workflow if you are not already using it.
Loom — Async Video Communication
Loom deserves a mention in handoff because it fills a gap that documentation alone cannot: explaining the thinking behind a design decision in the designer’s own voice. A two-minute Loom walkthrough of a complex interaction or a non-obvious design choice communicates nuance that no annotation or specification document can replicate. For distributed teams where real-time design reviews are not always possible, Loom is one of the highest-leverage communication tools available.
Stage 8: AI-Powered Tools Worth Watching
Beyond the AI features embedded in the tools above, a handful of standalone AI-native design tools have reached a level of maturity where they are genuinely worth evaluating.
Galileo AI — Generative UI Design
Galileo AI generates UI designs from text descriptions and exports them directly to Figma. The output quality has improved substantially and is now genuinely useful as a starting point for early ideation — not as finished design work, but as reaction surfaces that speed up the early exploration phase. Think of it as a rapid concept generator, not a design replacement.
v0 by Vercel — Design to Production Code
v0 generates production-ready React components from text descriptions or design screenshots. For designers who work closely with engineering teams and want to reduce the friction of moving from validated design to shippable code, v0 represents a genuinely new capability that did not exist two years ago. The output requires engineering review and integration, but dramatically compresses the initial translation from design to code.
The Recommended Toolkit by Team Size
Solo Designer or Freelancer
Figma (with FigJam), Maze free plan, Microsoft Clarity, Loom, Notion for documentation. This stack costs under 20 dollars per month and covers the full design process from research to handoff. The Figma free plan is sufficient for solo work.
Small Team (2–5 Designers)
Figma Professional, FigJam, Maze starter plan, Lookback for moderated sessions, Hotjar or Clarity for live product analytics, Loom, Zeroheight for design system documentation if you have a system in place. Add Tokens Studio (free plugin) if you are managing design tokens across platforms.
Mid-Size to Enterprise Team
Figma Organisation, Dovetail for research repository, Maze or UserTesting for scalable usability research, Optimal Workshop for IA testing, ProtoPie for high-fidelity prototyping, Zeroheight for design system documentation, Tokens Studio for token management. Consider dedicated analytics tools (Amplitude, Mixpanel) alongside Clarity for behavioural research.
Resources for Staying Current
The tool landscape changes faster than any annual guide can keep up with. For ongoing coverage of what is emerging, what is improving, and what is being abandoned, these resources are worth following.
UXTools.co annual survey — the most comprehensive annual survey of which tools UX designers actually use; indispensable for understanding real-world adoption versus marketing claims
UX Collective — consistently publishes tool reviews, workflow articles, and practitioner perspectives on new tools as they emerge
Nielsen Norman Group — rigorous, evidence-based assessments of tools and methodologies from the most trusted research organisation in UX
The best tool is the one your whole team will actually use. A brilliant tool that only one person knows how to operate is a productivity island, not a toolkit.
Final Thoughts: Build Your Toolkit With Intention
The designers who do the best work are not the ones with the most tools. They are the ones who have made deliberate choices about which tools they use and why, who have invested time in mastering those tools deeply, and who revisit their toolkit periodically to prune what is not earning its place and add what would genuinely change their output.
At Afrodity Designs, our toolkit is built around Figma and FigJam as the primary design and collaboration environment, Maze and Lookback for research and testing, Dovetail for synthesis, and Zeroheight and Tokens Studio for design system work. We are always experimenting with what is new, but we are slow to add tools to the core stack until they have proven their value under real project conditions. If you would like to discuss how we approach tooling on client engagements, or if you are trying to build a more coherent design tooling strategy for your own team, we would love to have that conversation.
