Resource library
-
Tool
Optimal Workshop
Research tools for information architecture: card sorting, tree testing and first-click tests.
www.optimalworkshop.com
-
Tool
Dovetail
A home for customer research: store interviews, tag and analyse them, and share insights with the team.
dovetail.com
-
Tool
Storybook
Build, document and test UI components in isolation. A common home for design system documentation.
storybook.js.org
-
Tool
Framer
Design and publish responsive websites with animation and interaction, without leaving the design canvas.
www.framer.com
-
Tool
Whimsical
Fast, simple flowcharts, wireframes, mind maps and docs for planning and communicating ideas.
whimsical.com
-
Tool
Stark
Accessibility tools for designers and developers: contrast and colour-blindness checks, plus reviews inside your design tool.
www.getstark.co
-
Tool
Figma
Collaborative interface design and prototyping in the browser, with shared components, variables and developer handoff.
www.figma.com
-
Tool
Penpot
An open-source design and prototyping tool you can self-host, built around web standards and designer-developer collaboration.
penpot.app
-
Tool
Maze
Test prototypes and run surveys with real users, and get usability metrics and heatmaps without scheduling sessions.
maze.co
-
Tool
Miro
An online whiteboard for workshops, research synthesis, journey maps and remote collaboration.
miro.com
-
Tool
WebAIM Contrast Checker
Check foreground and background colours against the WCAG contrast ratios and see at once whether text is readable.
webaim.org