Foundry

Illustrations & Vectors for Product, Web and Graphic Designers

High quality, practical AI powered vectors and illustrations for product, web and graphic designers

The Ultimate Guide to Product Design Process

How to include the Double diamond approach in your design process. https://medium.com/@juliaszymik did a breakdown of this in her article

Course

Level up your product skills

Watch product tips in a comic book format, created by Dan & Louis-Xavier

Ultimate UX Research Cheatsheet

A one-page cheatsheet summary for how to approach popular research requests. This was shared through Nick Babichh on https://x.com/101babich/status/1807761334395666784

Design Metrics and KPIs

Collection of essential UX metrics and KPIs with reference values that will help evaluate the actual user experience and identify trends in your product

The elements of product design

Explaining product design as a stack of decisions built on top of a stack of knowledge. With apologies to Jesse James Garrett.

Guidance to hone your design thinking skills

Collection of design thinking tools, such as empathy map, feedback grid, and storyboard, along with step-by-step guides on how to use them

Design checklist for sustainability

Designing for sustainability means creating digital products that not only meet users' needs but also promote environmental and social sustainability. Checklist created by IBM. This resource was shared by https://x.com/101babich/status/1766807777115070869

Course

Roadmap to becoming a UX designer

Step by step guide to becoming a UX Designer in 2024

Deconstruct Your Big Idea on 1-Page

The Lean Canvas replaces long and boring business plans with a 1-page business model that takes 20 minutes to create and gets read.

Understanding design Principles in UI

Fundamental design principles are the rules that designers should follow to achieve a good result and composition in their user interface designs. Here are a few major principles.

Laws of UX

Just a few examples of how surprising and accurate some of these principles can be when applied correctly.

Design Systems Checklist

Great things always start small Don't try to copy tech giants in the start. Start with the most used components, nail the workflow and continue working on. Small wins will bring you far.

Bootcamp

Baseline design bootcamp

Baseline is a free design bootcamp that provides an excellent introduction to product and graphic design. You will learn essential design principles and get hands-on experience working with tools like Figma.

Playbook for universal research

Collection of methods that will help you design innovative products. All methods come with a step-by-step guide on using them in the design process and video tutorials with practical recommendations.

Paper Wireframe Kit

Design kit for Figma that allows you to visualize low-fidelity concepts quickly (both web and mobile apps).

Handoff Helpers 2.0

Handoff Helpers is a free component library built to help designers communicate more effectively inside of Figma. The original version was downloaded 3,000+ times by designers from Nike, Linkedin, Instacart, and many other top teams in tech... Now Handoff Helpers has been rebuilt from the ground up using all of the latest Figma features (variables, theming, component properties, etc.). It's now simpler AND more powerful than ever 💪

User Interview Template – from User Interviews

The template is meant to be ground control for your user interview research study. It includes multiple parts to take you from launching your study to analyzing your results. Hopefully, this template provides a cheap and easy way for people to get started with research and makes maintaining the practice easier for busy teams.

Guide to User Research (UXR)

A curated collection of 250+ resources & tools dedicated to user research, that will help you incorporate it into your design practice.

Design Documentation Template

Simplify your handoff with this useful documentation template. You can easily customize all the styles and adapt them to your needs. Yay. 🌈

Learn

The UX in user onboarding

Onboarding process needs to be designed following the specific business model and problem being solved.

Learn

Level Up Your Design Skills

Practice solving problems with UX design challenges.Expand your portfolio with case studies companies want to see.

Design Audit Template

Introducing the Design Audit Template – Your All-in-One Solution for auditing designs 🎉 Are you tired of spending endless hours creating components for auditing designs? This template is simple, functional, and customizable. It provides all the tools to simplify your handoff process and streamline your design documentation.

Design system checklists

Teams can be awed by the scale and spread visible in finished systems like https://design.google.com/resources/ or http://lightningdesignsystem.com/. Systems can be both incredibly broad and deep once fully formed, if they ever get that far. Faced with such scale, getting started can be quite daunting or avoided altogether.

Design Sprint Methodology

The Design Sprint follows six phases: Understand, Define, Sketch, Decide, Prototype, and Validate.

Atomic UX Research Cheatsheet

Atomic research is a great way to structure UX research findings to maximize research efficiency. This was shared by Nick Babich on X (Twitter)

Point Of View and Ask “How Might We”

Defining your design challenge is probably one of the most important steps in the https://www.interaction-design.org/literature/topics/design-thinking process, as it sets the tone and guides all of the activities that follow.

Design Libs

Design Libs is your go-to reference for how to write and use some of the most common design thinking exercises, practices, and methods.

Usability Research Report Template

Ready to use usability research report template. It consists of most popular format to present your findings

Style/token documentation components

When you are ready to stop wasting countless hours editing/updating all the style names, HEX/RGBA values, font family, weights, sizes, line heights, letter spacing, etc... and if you have some basic coding chops, create you own automation with the https://www.figma.com/community/plugin/1005114571859948695https://www.figma.com/community/plugin/1005114571859948695.

Documentation kit

Explore the elegance of these dark mode helper components designed to elevate your design experience. These components offer a seamless blend of functionality and aesthetics, enabling you to effortlessly create captivating dark mode interfaces.

Journey Map Template

Just wanted to share a user journey map template to help with visualizing user data and experiences!

Design thinking

Heuristic Evaluation Template

Use this template to capture usability problems in your application using Jakob Nielsen's 10 general principles for interaction design.

Semrush - Charts Library

Intergalactic Design System is a constantly developing system of UI components, guidelines and UX patterns.

Ideation templates

We’ve created a range of free templates, guides, and resources to help you take your next project to the next level.The hard work is already done. Simply add your own information and you’re all set.

Accessibility

Auditing design systems for accessibility - Config 2021

In this session, learn how to audit components for accessibility issues from design to code using plugins, best practices, and testing tools. Walk away from this session empowered to make your design systems accessible sooner.

Audit

Design Audit Template

One of the critical steps of building a design system is to conduct a visual design audit of your product. This audit process is already a daunting effort requiring great deal of manual evaluation of every bit of the product. To make the process a bit easier for the designers of our community, I have created this template.

UX writer's guide to Figma

Features Prioritization Tool

The 3 boards of the "feature-prioritization-tool" enables you to easily: • Decide which features should go in your product roadmap • Decide which features should be developed first • Easily Communicate your reasoning with the management, clients or any other stakeholders By placing your backlog features along the different tables you can easily find out which features need to be prioritized higher.

Kick-Off Workshop

This Kick-off Workshop template was set up to help you run your first discovery call with a client or internally with a product trio and relevant stakeholders.

Research

Users feedback workshop - User testing

With this template you will be able to collect, organise and prioritise your observations gathered after a user testing session.

The Zendesk Triple Diamond Conversation Starter

When it came time for the Zendesk product design team to document our design process, we all turned to the Design Council’s Double Diamond. Instead of using it as is and calling it a day, we used it as a conversation starter.

Marketing annotations - UI kit, improve your product screenshots

Inconsistent, unreadable, and underemphasized product screenshots can not only drive away leads, but also provide a bad experience for customers browsing through help articles or user guides.

Atomic UX Research Canvas

Atomic UX Research is an approach to better managing research knowledge inside and across teams. How? By organizing and documenting research findings in a way that is more efficient, transparent, and straightforward for everyone.

Simple Kanban Board

A simple Kanban board made with auto-layout. Create your own variations to keep track of your personal and work tasks

File management goodies

In this library, you'll find a set of components we use to save time when designing at Deliveroo. Grab a section heading, screen or flow detail block, sticky note, or other component to quickly bring more context to your Figma files. Read our https://medium.com/@baltman/how-we-made-our-figma-workflow-15-more-efficient-b64098114de5 to learn more about how we use this library to make our Figma workflow 15% more efficient.

Designing With AI: Guidebook

A set of methods, best practices and examples for designing with AI from Google. This resource was shared by https://x.com/101babichhttps://x.com/101babich

Over 100 web designs in 1 Figma file

Access 127 Premium web designs in Figma to help inpire you as a designer

Amy journey to getting a new Job at Duolingo

Amy Lima journey to getting a new Job at Duolingo, she documents every part of her job hunt process to create a playbook that others could follow

Understand the difference between User flows and User journeys

User journeys and user flows both describe processes users go through in order to accomplish their goals. While both tools are useful for planning and evaluating experience, they differ in scope, purpose, and format.

Figma Checklists

Figma Checklist is a collection of actionable guidelines that help design better Figma components. They cover layers, layout design, properties, style, and component testing.

Product design tools database

Free database of curated product design resources. Discover over 700 tools that will improve your product design workflow, from research and analysis to delivery and metrics tracking.

UX Strategy Blueprint

Use this template to visualize and define different components of a budding or existing strategy.

Design Systems for Figma

Comprehensive collection of design systems for Figma.

Animation

Understanding animation in UI/UX

UI/UX animation emphasizes the details to which users should pay attention, helping them navigate the site.

Cognitive Biases in User Behavior

Understanding confirmation biases is crucial in user experience design. These patterns from human psychology and behavior can get in the way of making rational decisions and impede successful outcomes both in the design process and in user interactions. If you learn how to spot different biases you will be able to leverage them successfully in your design work. This is the 1st part of a cheat sheet series telling about the most popular cognitive biases.

WCAG 2.2 Map

To coincide with the Web Content Accessibility Guidelines (WCAG) version 2.2 being finalised, Intopia is excited to release the WCAG 2.2 Map. The WCAG 2.2 Map provides an overview of WCAG in a visual format, including breaking down success criteria by level of conformance.

4 PORTFOLIO Templates

Here's your chance to get free design for your Dream Portfolio site

Color contrast checker with Oklch & Oklab formats

OddContrast is an online color contrast checker that checks the contrast ratio according to WCAG 2. It supports HEX, HSL, Oklch, Oklab, P3 and other color formats.

Accessible design toolkit by Microsoft

Use this toolkit to provide accessibility and usability guidance on your experiences. Comes with checklists on top accessibility/usability tenets, notecards for recommendations, component, heading and landmark notations as well as a notation table.

Spotify Ways of Working

Spotify opened up the music box and describe how we've shaped Figma to suit our needs and culture at Spotify. We hope this information will be useful for other design teams seeking more organisation for their work in Figma.

User Interface Typography

This book is about how to do good user interface typography, from basic things and principles to building layout and various design elements. The book has hundreds of illustrations that explain every nuance and principle.

Design Tokens Naming Playbook

How to name design tokens? Where to start? How many layers do we need? To help you get started, I've provided a template with components for all categories, allowing you to experiment with different naming structures. Invite your team members and have some fun. 🌈

A practical guide to Design System components

Whether you’re reskinning an existing UI kit, building a new System, or levelling up your current System, this guide is for you.

The component gallery

Designed to be a reference for anyone building component-based user interfaces, The Component Gallery is an up-to-date repository of interface components based on examples from the world of design systems

Design System Strategy Map

Design System Strategy Map is a one-pager that sums up all your main activities, goals, and users of the design system. The goal is to share it with stakeholders and get their buy-in and support.

Accessibility Checklist For Product Designers

The Not-Checklist acts as a guide for creating accessible interfaces. It covers areas of content design, visual design, and development.

Design System Metrics Collection

I created Design System Metrics Collection as an inspiration for what exists and worked for my clients. 🎯🌈 You must choose metrics that reflect your objectives and the overall KPIs of your business. Combine quantitative and qualitative data.

Accessible design systems

Guide on how to embed accessibility in your design system. It covers documentation, guidelines and implementation notes for accessibility.

UX Hiring 101: Guide for Hiring UX Professionals

Basics of UX Hiring with instructions, templates, and numerous links to other helpful resources. This guide will be helpful for anyone who needs to hire UX specialists

Nordhealth Design System

An excellent example of a well-designed design system. The system features an impressive list of components (each component comes along with UX best practices) and guidelines on creating UI layouts (accessibility, responsiveness)

UX & Product Research

insane collection with templates for product review, stakeholder kickoff, handoff doc, usability testing, user journey mapping, and more.

Getting Data Visualization Right (hints and guide)

Accessibility

Neurodiversity Design System

The NDS is a coherent set of standards and principles that combine neurodiversity and user experience design for Learning Management Systems. Design accessible learning interfaces to support success and achievement for everyone.

Hiring

Product Design Level Expectations Rubric

Assess your product design level, covering — Product Thinking, Interaction Design, Visual Design, Drive, Intentionality, Self-Awareness

60 DAYS OF UX DESIGN

This schedule provides a thorough list of daily tasks, readings, assignments, and deliverables that can help you grow as a UX Designer. Good luck.

UX Resources & Bookmarks

Get access to the 200+ UX Resources library. Find relevant information for your UX journey!

Free Open Source Design System

Rayna UI, your design buddy - that provides you with intuitive, adaptive, and customizable UI components to help you create exceptional designs.

Open-ended project prompts

Sharpen generates open-ended project prompts that reinforce critical problem solving, curiosity, and creativity across 21 different categories and 2 unique generators.

Design thinking

Get a Unique Design Brief

Build your portfolio. Grow your skills.

Advanced Figma tips & tricks 2024

Little gems we love in Figma that can help you design faster.

Design Systems Gallery

A comprehensive and curated list of design systems, style guides and pattern libraries that you can use for inspiration.

Design components in Figma

A very detailed review of the process of creating a text input component available in multiple variants: different sizes, inputs, field texts, icons, helpers, interaction states, and background colors.

The Product Designer Collection

A curated list of interesting reads, noteworthy information, tools, and more that https://www.notion.so/1d0224e62a504fc6a0af999ea65e05d0?pvs=21 finds on the web 🤓

Maze Question Bank

Truly effective UX research is driven by unrelenting curiosity. When you ask the right questions, your research results yield actionable insights that inform better decisions and shape a user-centric product.

Usability testing script

This template structures what a facilitator should say and do throughout a testing session of a digital product or interactive prototype with a user.

A Guide to Using User-Experience Research Methods

Modern day UX research methods answer a wide range of questions. To help you know when to use which user research method, each of 20 methods is mapped across 3 dimensions and over time within a typical product-development process.

Product UX Discovery Kit

Methods and guidance on how to perform a successful product UX discovery to ensure a thought-out and user-centered design. Check out our Notion discovery kit filled with useful templates and other goodies.

Usability testing report

This template gathers and structures what a facilitator has learned from testing sessions with users.

The ultimate Notion template to run efficient usability tests

It is an easy in-depth template that includes all steps of testing in one place— from recruiting users to reporting results. The best thing about Notion is that you can duplicate this template and completely adapt it to your needs and style preferences :)

Strategy templates

Pick an instructional template. Customize everything, together. Deliver.

Product Strategy Resources

Get access to different product strategy resources such as creative brief, strategy map, strategy craft skills, strategy book summary, creative strategy, brand strategy, & storytelling and presentation

Research

User Research

Use this template to schedule and track the status of user research.

140+ questions to ask yourself and your client before you begin designing a product

Strategy is inconsequential if it fails to solve the client's problems. While most clients think they've effectively identified the problem that needs to be solved, it's important to do a thorough investigation before agreeing on what issues must be addressed and overcome.

Course

Product strategy starter pack

A product strategy outlines the vision, goals, and roadmap for a product. It helps align the team and stakeholders around a common purpose and provides direction for product development.

UX Research Templates

I’ve created a set of templates that can be used for workshops, and setting up research plans, methods, and outcomes. Have fun using them! ✨ I’m doing this for free because I want to share with the UXR community but I wouldn’t say no to a cup of coffee and other donations so I can continue to keep building templates and other resources for free.

Zendesk – Product Development Milestones

Originally an internal wiki page created by the Programme Management team at Zendesk. Reproduced with permission.

Free UX research templates

Whether you’re an aspiring or experienced UX designer/researcher, I hope these templates can make your work easier and more effective! I’ve moved from UX research to starting my web design studio in 2020, so I no longer update this page.

The Rainbow Sheet For Research Analysis

Use this spreadsheet with your team while you moderate and they observe UX studies.

Research

User Research Debrief & Synthesis

This board is designed for teams to debrief and synthesize after user research projects. It offers two different sessions: • 30 minute debrief that can be used after each research session, • a larger synthesis board to be used at the end of a project.

UX Research Template (Airtable)

User research is critical to helping teams build products, understand their audience, and create solutions that actually solve customers’ needs.