Library of UX Templates
Browse templates categorized by UX process stage to accelerate your design workflow.
1. Research & Discovery
Understand the problem space, users, context, and needs. Structure research and capture insights.
User Persona Template
Visually map user characteristics, goals, and pain points.
Sources/Tools: Milanote, Miro, Figma Community
View Milanote TemplatesUser Interview Guide/Script
Structure interview questions and flow for consistency.
Sources/Tools: User Interviews Kit, Steve Krug, NN/g
Download User Interview Guide/ScriptResearch Plan Template
Outline research goals, methodologies, participants, timeline.
Sources/Tools: NN/g, DfE
Explore Research ResourcesUsability Test Plan
Define objectives, tasks, metrics, and procedures for usability studies.
Sources/Tools: User Interviews, UserZoom, Maze
Explore Usability Resources2. Analysis & Synthesis
Make sense of research data, identify patterns, extract insights, and understand the user's journey.
User Journey Map
Visualize the end-to-end user experience across touchpoints and phases.
Sources/Tools: Stéphanie Walter/Miro, Mural, NN/g
View User Journey Map TemplateEmpathy Map Canvas
Deepen understanding of what users say, think, feel, and do.
Sources/Tools: Mural
View Empathy Map Canvas TemplateAffinity Diagram / Thematic Analysis Template
Organize qualitative data into meaningful themes and insights.
Sources/Tools: Miro/Mural general templates, NN/g methods
Learn More about Affinity Diagram / Thematic Analysis Template3. Ideation & Design
Generate solutions, sketch layouts, define information architecture, and create visual/interactive elements.
Wireframe Kit (Digital)
Pre-built components for rapid low-to-mid fidelity screen layouts.
Sources/Tools: Lowdi, Relume, Figma Community, XDGuru
View Wireframe Kit (Digital) TemplateWireframe Sketch Sheets (Printable)
Printable device outlines and grids for hand-sketching wireframes.
Sources/Tools: Sketchize, ZURB, SneakPeekIt
Visit Wireframe WebsiteUI Kit / Design System Starter
Comprehensive sets of high-fidelity UI components, styles, and guidelines.
Sources/Tools: Untitled UI, Setproduct, UI Prep, Frames X, Figma/Sketch/XD Communities
Visit UI WebsiteStoryboard Template
Visually narrate user scenarios, illustrating key steps and interactions.
Sources/Tools: Milanote, Mural
View Milanote Templates4. Prototyping & Testing
Turn static designs into interactive prototypes to test with users and gather feedback.
Usability Testing Script
Standardized script for moderator introductions, tasks, prompts, and wrap-up.
Sources/Tools: Steve Krug, User Interviews Kit, NN/g
Download Usability Testing ScriptUsability Test Consent Form
Template for obtaining informed consent regarding recording and data usage.
Sources/Tools: Steve Krug, usability.gov
Download Usability Test Consent FormFeedback Survey Template
Structured questionnaires (e.g., SUS, SEQ) to collect feedback post-interaction.
Sources/Tools: Maze, NN/g - SUS
View Feedback Survey Template TemplateUsability Report Template
Framework for summarizing test findings, highlighting issues, and making recommendations.
Sources/Tools: Milanote, NN/g
Explore Usability Resources5. Handoff & Documentation
Prepare design specifications for development and document design decisions, patterns, and styles.
Style Guide Template
Document core visual design rules (colors, typography, spacing, iconography, voice/tone).
Sources/Tools: Included in many UI Kits, IxDF Portfolio Guides
Explore Style ResourcesDesign System Components
Templates for documenting individual reusable UI components (states, usage, code).
Sources/Tools: Figma/Sketch/XD UI Kits, ServiceNow
Learn More about Design System ComponentsAccessibility Checklist/Guidelines
Checklists based on WCAG or other standards to ensure designs are accessible.
Sources/Tools: NN/g, Miro Accessibility Personas
Explore Accessibility Resources