Product Design Tools 2024

Filippos Protogeridis blog.designary.
com
Product Design
Tech Stack 2024
A list of all the tools, extensions and plugins I
recommend for Product Design and UI/UX in 2024
Filippos Protogeridis blog.designary.com
Essential
Research
Surveys
Transcripts
Collaboration
Documentation
UX Writing
Design & Prototyping
Whiteboarding
OCCASIONAL
Inspiration
Color
Icons
Type
Illustration, Visual Assets
Animation
Photography
Research recruitment
UserInterviews
Recruit users for interviews from a participant pool or from your own
user database
User testing (prototypes)
Maze UserTesting
Product suite for unmoderated Complete user research suite
usability tests for both moderated and
unmoderated testing
User testing (live products)
Lookback Userbrain
Best for unmoderated testing Unmoderated testing and
on mobile apps recordings on live websites
Surveys
Hotjar Typeform
In-app surveys and user Customer-friendly, easy to
recordings create surveys
Pro You can use Hotjar to recruit users for interviews

tip:
Transcripts
Pick one depending on your preferences
Supernormal Otter
Great quality transcripts and Alternative with good
AI summaries including action collaboration features
points
Collaboration
Slack Loom
Day-to-day collaboration, Video recordings for feedback
feedback exchange and team and presenting
updates
Design
Figma Pen & Paper
High-fidelity mockups Sketching & Wireframing
Pro User pen & paper to quickly sketch new ideas before
tip: moving to high fidelity designs

Prototyping
Figma Protopie
Use Figma for all standard For advanced interactions,
prototyping and basic user input, and leveraging a
interactions device’s hardware features
Pro Figma can cover most of your basic prototyping needs

tip:
UX Writing
Grammarly Hemingway
Fix grammar and Improve your
syntax in your content’s
content readability
ChatGPT
Generate or improve copy for your product
Pro Use Grammarly or Hemingway as your main editor; try both

tip: to see what you prefer. Use ChatGPT for generation.
Documentation
Notion
Create a repository of your insights, principles, guidelines,
onboarding processes, frameworks, and tooling
Pro You can even use Notion as a user research repository

tip:
Whiteboarding
Pick one depending on your team’s preference
Figjam Miro
Great whiteboarding option Advanced whiteboarding tool
with a delightful and easy-to- loved by many tech teams
learn user experience
Pro Pick Figjam for cost & ease of use. Miro for integrations
tip:
Inspiration
Mobbin Appshots
Widely used app Screens and flows
screenshot gallery, from a variety of
now with video products
flows
Pageflows Design Spells
Great for popular Small interaction
web app flows design details

Color
Coolors UI Colors
Use to generate Easy-to-use color
new color palettes shade generator
Colorbox Supa Palette

Advanced color Color palette
tool for color generator plugin
palettes for Figma
Icons
Nucleo Streamline
Icon library and The biggest paid
organizer app icon library
Material Icons Phosphor

Free icon library High quality free
by Google icon pack
Typography
Fontbase Typescale
Free font manager to manage Type scale generator, great if
all your installed fonts without you are setting up your design
slowing down your device system typography
Pro Font managers are useful for freelancers with multiple

tip: clients. Otherwise you can do without one.
Illustration, Visual Assets
DrawKit Ouch
Great library with Free and premium
free and premium sets of modern-
illustrations style illustrations
Wannathis Undraw
Free and premium Free repository of
3D assets open-source
illustrations
Animation
Rive LottieFiles
The most robust engine for Use readymade animations or
interactive, lightweight create your own from within
animations Figma
Pro LottieFiles supports text prompts for creating vector assets
tip:
Photography
Unsplash Bing Creator

The most popular Free GenAI tool
free stock photo for testing photo
gallery concepts
Midjourney
Incredibly capable GenAI tool that excels in realistic
imagery
Was this useful?
Repost to your network.
Follow me for more tips on product design, UX, career
advice, communication and productivity.

Product Design Tools 2024

Uploaded by

Document Information

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Product Design Tools 2024

Uploaded by

Copyright:

Available Formats

Filippos Protogeridis blog.designary.

Design & Prototyping

Illustration, Visual Assets

User testing (prototypes)

Product suite for unmoderated Complete user research suite

usability tests for both moderated and

User testing (live products)

Pro You can use Hotjar to recruit users for interviews

Great quality transcripts and Alternative with good

AI summaries including action collaboration features

Figma Pen & Paper

High-fidelity mockups Sketching & Wireframing

tip: moving to high fidelity designs

Pro Figma can cover most of your basic prototyping needs

Pro Use Grammarly or Hemingway as your main editor; try both

Pro You can even use Notion as a user research repository

Widely used app Screens and flows

screenshot gallery, from a variety of

now with video products

Pageflows Design Spells

Great for popular Small interaction

web app flows design details

Colorbox Supa Palette

Material Icons Phosphor

Pro Font managers are useful for freelancers with multiple

Illustration, Visual Assets

The most robust engine for Use readymade animations or

interactive, lightweight create your own from within

Pro LottieFiles supports text prompts for creating vector assets

Unsplash Bing Creator

Was this useful?

Repost to your network.

Follow me for more tips on product design, UX, career

advice, communication and productivity.

You might also like