toolkits.online

UX Designer Toolkit

Essential collection of must-have tools for Product and UX Designers. It includes tools for UX research, user analytics, usability testing, ideation and brainstorming, wireframes and prototypes, color management, typography and many others. Scroll down to learn more.

Share on facebook
Facebook
Share on twitter
Twitter
Share on linkedin
LinkedIn
Share on telegram
Telegram
Share on whatsapp
WhatsApp

User Research & Usability Testing

Platforms and apps for collaborative research, video recording, user testing and feedback, online observation.

Handrail

End-to-end collaborative research and insights platform.
Vidyard

Record videos with user sessions.
Color Supply

Get video feedback of real people going through your web app.
Loom

Video recording of user sessions.
Optimal Workshop

User research platform.
UserZoom

UX research and user testing platform.
Lookback

Online user observation.
Validately

UX research platform.
UsersThink

User feedback on demand for your landing pages.
Responster

Design and share engaging surveys in minutes.
Usabilla

Collect user feedback and improve your websites, apps and emails.
User Testing

User testing and feedback platform.

Ideation & Brainstorming

Journey mapping software, apps and services for brainstorming, diagramming, capturing ideas, mapping concepts.

Mapovate

Customer experience & customer journey mapping software.
Mural

Online brainstorming, synthesis and collaboration.
Smaply

Journey mapping online tool. Visualize your customer experience.
Touchpoint Dashboard

Customer journey management platform.
Canvanizer

Brainstorm better concepts with your team online.
UXPressia

Customer experience mapping tool.
Creately

Diagramming and collaboration.
Cacoo

Online diagram and flowchart software.
Draw.io

Free online diagram software.
Gliffy

Diagramming and collaboration tool.
Sketchboard

Online whiteboard for software diagramming.
MindMeister

Mind mapping software.
Mindomo

Mind mapping, concept mapping, outlining.
Midly

Organize your thoughts, capture ideas, plan a speech, take notes.
Lucidchart

Online diagram software.
StoriesOnBoard

User story mapping tool.

User Behavior & Analytics

Tools for observing and analyzing users’ behavior, capturing interactions, heatmaps and A/B testing, tracking web traffic.

Hotjar

See what your visitors are really doing on your website.
Heap

Capture web, mobile and cloud user interactions.
Mixpanel

Product and user behavioral analytics.
SimilarWeb

Website traffic statistics and market intelligence.
CrazyEgg

Website optimization, heatmaps and A/B testing.
Clicktale

Customer behavior analysis.
Matomo

Web analytics platform.
Open Web Analytics

Open source web analytics software.
Google Marketing Platform

Analytics and advertising platform.
FullStory

Digital platform providing experience analytics, sessions replay, heatmaps.

Wireframes & Prototypes

Tools for building clickable wireframes and prototypes, converting Sketch and Photoshop designs into interactive prototypes.

Invision

Create reach interactive prototypes.
Axure

Powerful prototyping software.
Mockflow

Online wireframe and prototyping tool.
Balsamiq

Rapid, effective and fun wireframing software.
Justinmind

All-in-one prototyping tool for web and mobile apps.
Pencil Project

Open-source GUI prototyping tool.
UXPin

UI design & prototyping tool.
Moqups

Online mockup, wireframe and prototyping tool.
RapidUI

Turn design files (.PSD or .Sketch) into live websites without writing code.
Protopie

Create realistic prototypes for any digital product.
Koncept

One-stop solution for prototyping and usability testing.
Fuse Open

Build native mobile user interfaces using a clear UX Markup language.
Mockplus

All-in-one prototyping tool.
Origami Studio

Design prototyping tool from designers at Facebook.
Mockup.io

Present and manage iOS mockups.
Proto

Create realistic prototypes.
Marvel

UI design and interactive prototyping tool.
Flinto

Mac app used by top designers around the world to create interactive and animated prototypes.

UI & Graphic Design Editors

Image and vector editing tools, UI design and fast prototyping apps.

Figma

Design, prototype, and collaborate all in the browser.
Sketch

UI and vector editor, fast prototyping, powerful collaboration.
Adobe XD

UI app from Adobe which lets you create wireframes, prototype and share your designs.
Invision Studio

Screen design tool from Invision.
Framer

Interactive design tool.
Subform

Visual tool for creating dynamic UI layouts.
Relate

Visual development platform for designing systems.
Pixelmator

Image editor designed to make the most powerful professional image editing tools accessible to everyone.
Affinity Aps

Suite of graphic software for image and vector editing and publishing.
Gimp

Open source image editor.
Canva

Create graphic design for free.
Vectr

Free vector graphic software working in browser.
Photoshop

Graphic and photo editor.
Illustrator

Vector editor.

Motion Design

Tools for interaction design, motion graphics and SVG animation.

Haiku Animator

Create engaging animations for any app or website.
Kite Compositor

Powerful animation and prototyping application for Mac & iOS.
Principle for Mac

Design animated and interactive user interfaces.
After Effects

Motion graphics and and visual effects software.
SVGator

SVG animation creator.
Diya

Timeline animation direcly in Sketch.
Keyshape

Create animated vector graphics.

Color Management

Tools and services for selecting color pallets and combinations, converting color codes, creating and sharing color schemes.

Color Supply

Create awesome color combinations.
Palettable

Create color palettes.
UI Gradients

Generate CSS gradients.
ColorFavs

Create a palette from an image.
Color Hunt

Color palettes for designers and artists.
Material Palette

Material design color palettes.
LOL Colors

Curated color palette inspiration.
Simple Flat Color Selector

Create awesome color combinations.
ColorDrop

Collection of color palettes for designers.
Kolor

Game - guess the color.
Coolors

Super fast color schemes generator.
Adobe Color CC

Create and save color schemes.
Material Design Colors

Material UI colors.
RGBto

Convert color codes.
HTML Color Codes

Hex color codes, RGB and HSL values.

Icons

Icons collections and catalogs, tools to manage and create icons, icon font generators, icon packs.

Feather

Simply beautiful open source icons.
Ikonate

Fully customizable and accessible vector icons.
Icons8

Free icon packs.
IcoMoon

Icon Font, SVG, PDF & PNG generator.
Entypo

+400 carefully crafted premium pictograms.
IconJar

App for storing and managing icons.
FlatIcon

Large database of free vector icons.
Noun Project

Over 2 million curated icons, created by designers.
Fontastic

Create custom icon fonts.
Fontello

Icon fonts generator.
Freeicons

The largest database of free icons in SVG and PNG format.
Tabler Icons

1k of customizable free SVG icons.
Lordicon

627 animated icons.
Streamline Icons

World's largest icon pack.
Keyicons

The clean icon set you were looking for.
Heroicons

Beautiful hand-crafted SVG icons.
Ionicons

Beautifully crafted open source icons.
Eva Icons

A pack of more than 480 beautifully crafted Open Source icons.
Remix Icon

A set of open-source neutral-style system symbols elaborately crafted for designers and developers.
Devicon

A set of icons representing programming languages, designing & development tools.
CSS Icons

Open-source CSS, SVG, and Figma UI icons.
Icônes

An ultimate collection of icon libraries.
Teeny Icons

A collection of minimal 1px icons.
Radix Icons

A set of 15x15 icons.

Learn UX Design

Great sources for learning User Experience and Interaction Design. Design blogs, design system guidelines and design articles.

Smashing Magazine

#1 source for web designers and developers.
Toptal Blog

Top hub for developers, designers and entrepreneurs.
UXM

Articles about UX design.
Google Design

All about design from Google.
Inside Design

Design blog from Invision.
UX Booth

Big collection of articles about UX design.
Color Supply

#1 resource for UX specialists.
Interaction Design Foundation

Extensive library of articles and materials about UX design.
Usability.gov

Holistic source for UX best practices and strategies.

Eye Tracking Tools

Tools and services for user eye tracking.

EyeQuant

A.I. user tracking.
EyesDecide

Webcam user eye tracking.
EyeTech

Eye tracking technology for OEM devices.
Tobii

Eye tracking solutions.
Mirametrix

Advanced attention sensing platform.
Smart Eye

Eye tracking technology for vehicles and research.
Ogama

Open source software designed to analyze eye and mouse movements in slideshow study designs.

Screen Capture Tools

Tools for screen recording and making screenshots.

Screenshots on Mac

How to make screenshots in Mac OS.
Monosnap

Free screenshot app for Mac OS, also available for Chrome and Windows.
QuickTime

Record your screen in QuickTime player on Mac.
Camtasia

Screen recorder and vide editor.
Snagit

Screen capture and screen recording app.
Vidyard

Chrome extension for screen recording and sharing videos.
Loom

Free video and screen recording tool.

Design Generators

Online services and app that generate patterns, lorem ipsum or dummy text, gradients and other design assets.

Plain Pattern

SVG based seamless pattern builder.
Dummy Text Generator

Generate dummy text online.
UI Gradients

CSS gradients generator.
Hipster Ipsum

Artisanal filler text for your project.

Survey Tools

Tools and services for creating, managing and running surveys. Online form builders. 

Survey Monkey

Free online survey tool.
Qualtircs

Experience management software.
Survey Gizmo

Powerful online survey software.
SoGoSurvey

Advanced enterprise online survey software and data management platform for large organizations & businesses.
Iterate

User friendly research tools.
Wufoo

Build and share online forms.
Google Forms

Collect and organize information big and small with Google Forms for free.
JotForm

Easy-to-use online form builder for every business.
Free Survey Creator

Create a survey, get feedback straight in your mailbox.
Typeform

Forms and surveys builder.
Responster

Design and share engaging surveys in minutes.

Typography & Fonts

Free font collections, typography inspiration, tools for recognizing fonts, kerning game and other.

Google Fonts

Free fonts from Google.
Adobe Fonts

Quality fonts from Adobe.
Font Reach

FontReach scans the top million sites to show font usage across the web..
Font Pair

Helps you find better combinations of Google Fonts.
Typewolf

Type inspiration, new trends in typography.
MyFons

Largest selection of professional fonts for any project.
WhatTheFont from MyFonts

Online font identification.
DaFont

Download free fonts.
Font Space

Free fonts collection.
Font Squirrel

Free fonts collection.
Google Web Fonts Typography Project

Google typography inspiration.
Kern Me

Kerning game - achieve pleasant and readable text by distributing the space between letters.

Design Resources

Design mockups generators, free stock photography and video libraries.

Pixden

Premium design & web resources.
Smart Mockups

Product mockup generator.
Mockup Editor

Online mockup scene creator.
UpLabs

Collection of design and development inspiration, resources and freebies.
AllTheeFreeStock

A hub to free design resources. 
SplitShire

Free stock photos for commercial use. 
Life Of Pix

Free high resolution photography.
Unsplash

Big library of freely useable images.
Pexels

The best free stock photos & videos shared by talented creators.
Stock Up

Search 25,000+ free stock photos.

UI Design Patterns & Inspiration

Collection of UI patterns and templates for your inspiration. 

Good Web Design

Inspirational collection of UI components and landing pages.
UI Garage

Daily handpicked UI inspiration & patterns.
Empty States

Collection of empty states in UI.
Collect UI

Daily UI inspiration.
CodePen

Templates, examples and resources for common libraries, frameworks and UI patterns..
Mobile Patterns

Collection of UI/UX patterns.
Inspired UI

Mobile design patterns.
Mobile Design Patterns

Collection of mobile UI patterns.
iOS Patterns

Collection of iOS UI patterns.
UI Patterns

Collection of UI Design patterns.
Little Big Details

Collection of insightful UI and microinteraction nuances.
Dribbble

The most popular design community providing tons of daily UI and graphic design inspiration.
Behance

Most popular design community by Adobe.

UX Templates & Documentation

Libraries of UX templates and documentation required for UX research and design process.

Xtensio

Collection of UX Design templates.
UX for the Masses

Collection of example UX docs and deliverables.
Usability.gov

UX template and downloadable documents.
USA Department of Energy

UX research templates and examples.

Portfolio Platforms & Builders

Apps and services for building your online portfolio and sharing your creative work.

Squarespace

Website builder used by many designers for building online portfolios.
Adobe Portfolio

Quickly and simply build a personalized website to showcase your creative work with Adobe Portfolio.
WIX

Website and portfolio builder.
Semplice

A website builder based on WordPress. Create your custom design portfolio with responsive case studies and fully branded pages, no coding required.
Dribbble

Showcase your work and discover top designers worldwide.
Portfolio Lounge

Portfolio websites builder.
Pixpa

The all-in-one platform to create your portfolio website, client galleries, online store & blog.
Portfoliobox

Build your own portfolio website.
Readymag

Online design tool which helps creative professionals to easily create microsites, portfolios, presentations, digital magazines and more.
Webflow

Visual website builder.

Crafted with ❤️ by Paul Capcan.

Twitter Instagram Facebook-f