Design Tools & Resources

Browse 127 finely curated tools and resources that can help improve your design skills or workflow. Links are organized in Category / Subcategory format.

Daily Visits / Community

  • A community where design and technology professionals share interesting links.

  • An online community for creatives to showcase, share, grow, and get hired.

Inspiration / Colors

  • Create color palettes and browse thousands of color combinations.

  • The biggest collection of official brand color codes around.

  • Colors inspiration on Instagram.

Inspiration / Community

  • A constructive community who focuses on displaying visual content.

  • An online community for creatives to showcase, share, grow, and get hired.

Inspiration / Creativity

  • Adobe’s career resource to help creatives supercharge their work.

  • One of the largest art platform on the Internet.

  • A place to discover great art, design, architecture, photography & web inspiration.

  • Most probably, the best source of creativity on internet.

  • A new-tab browser extension that instantly delivers relevant design inspiration.

Inspiration / Patterns

  • Hand-picked collection of latest mobile design patterns.

  • Daily handpicked patterns. Find specific design inspiration for web & mobile.

  • Real design inspiration from the best designed and top grossing apps.

  • Find mobile UX trends from the world’s top mobile apps.

Inspiration / Showcase

  • The awards of design, creativity and innovation on the internet.

  • Curation of best UI/UX designer portfolios, resumes and case studies.

  • A web design and development award platform for digital peeps.

  • A good archive of well designed websites made by people from all over the world.

  • Good archive of hand-picked well-designed landing pages.

  • A showcase of the nicest digital products, specific patterns and inspiration.

  • One page websites, templates and resources inspiration.

  • Huge archive of finest web and interactive design.

Inspiration / Typography

  • A public archive of typography indexed by typeface, format, industry, and topic.

  • Peeking beautiful websites to find out what fonts they're using.

  • Awesome resource for everything related to typography on the web.

Learning / Multipath

  • Explore new skills, deepen existing passions, and get lost in creativity.

Learning / Web Design

  • Learn from what leading companies A/B Test.

  • An easy to follow design course for people who do amazing things.

News / Articles

  • Design and development articles with a special focus on web standards.

  • A cross-disciplinary group of people writing stories about design and creativity.

  • News at the intersection of business and design.

  • A blog about typography, type history and all the things in between.

  • UX research & consulting firm who provide reliable guidance on user experience.

  • An online magazine that delivers reliable & practical articles to web designers.

  • A platform built to elevate unheard design voices all over the world.

  • One-stop resource for everything related to user experience.

News / Community

  • A community where design and technology professionals share interesting links.

  • A reddit community dedicated to all things web design.

News / Newsletters

  • Fresh discoveries at the intersection of technology, design and culture.

  • Daily curated design and frontend links.

  • The five best design links, every weekday.

  • A short and sweet roundup of the latest type news and typeface releases.

  • A weekly newsletter that helps designers stay in the know.

News / Podcasts

  • Two designers who love talking about design, development, products and more.

  • A weekly podcast about design, technology, programming and everything else.

Resources / Fonts

  • Bringing thousands of beautiful fonts to designers every day.

  • Free, hand-picked, high-quality, commercial-use fonts.

  • More than 150,000 desktop and web fonts for you to preview, purchase & download.

  • Making the web more beautiful, fast, and open through great typography.

  • A collaborative pay-what-you-want type foundry.

  • Offers the largest selection of professional fonts for any project.

Resources / Icons

  • Icon set designed on a 24x24 grid with an emphasis on simplicity & readability.

  • The web's most popular icon set and toolkit, also it's open source.

  • A marketplace for vector icons (SVG). Icon sets available in IconJar format.

  • The most comprehensive icon collection in the world.

  • A flexible icon family for interfaces, presentations — whatever, really.

  • A huge set of free icons in multiple collections. Continuously growing.

Resources / Illustrations

  • Easily create, mix and customize stunning illustrations with collections.

  • A large library of free illustrations to use on your next website or project.

  • Vector illustrations Stories that makes your designs standout.

  • A free library to mix-&-match illustrations of people.

  • A set of 33 hand-drawn vector illustrations made available under CC0.

  • A beautiful illustrations collection which cover a lot of topics.

Resources / Photo

  • Browse thousands free stock photos for websites and commercial use.

  • Discover every week a new photographer with 10 highlighted photographies.

  • Free stock photos you can use everywhere. No attribution required.

  • Sharing photos, illustrations, vector graphics, and film footage.

  • A massive library of handpicked free stock photos you won’t find elsewhere.

  • Indexes various free avatar sources to use in your design mockups

  • Community of photographers who share 2 million free high-resolution images.

Resources / Video

  • Beautiful, free stock video footage for your homepage.

  • Provides free stock videos, clips, and loops.

  • Great collection of free creative commons HD video clips and footages.

  • Free assets for your next video project. Video clips, music and sound effects.

  • Makes it easy to find free stock footage, promo video or anything else.

Tools / Animation

  • A professional animation tool for Sketch designs.

  • Keyframe-based animation connecting your UI tools to code.

  • 2D animation tool that allows for animated SVG export.

  • A powerful animation and prototyping application for Mac & iOS.

  • A mobile library for Android and iOS that parses Adobe After Effects animations.

  • Animation tool that helps you create animations real-time in the browser.

Tools / Collaboration

  • A digital workspace for visual collaboration.

  • Collaborative whiteboard platform that bring teams together, anytime, anywhere.

  • Real-time whiteboard and collaboration tools for distributed teams.

  • Bring all your guidelines, libraries and projects together in a collaborative hub.

  • Your entire design workflow in one place. Collaboration, version control & handoff.

Tools / Color Picker

  • A new way to manage digital colors. Leave abstract color models behind.

  • A tool for getting the name and HEX code of any color from any image.

  • Leap through time and see the colors of history.

  • Super fast color schemes generator. Create the perfect palette.

  • A rocket fast primary color generator using Google's image search.

  • A modern color picker that allows you to collect, organize and edit colors.

Tools / Handoff

  • Save time working with design files. Open assets without design tools.

  • Where design and development work like magic. Prepare designs for development.

  • Handoff designs and style guides with accurate specs, assets & code snippets.

Tools / Logo Design

  • Put your logo to the test with automated visual experiments.

  • An AI system that is trained on a million+ logo images to give you tips and ideas.

  • Uses artificial intelligence to instantly generate unique logo ideas.

  • Lets you create a custom free logo within seconds.

  • Create a logo for your brand in minutes. No designers required.

Tools / Mockup

  • Online graphic design application mainly focused on product mockups.

  • Super-easy tool to brainstorm user interfaces ideas.

  • Drag-and-drop tool for creating beautiful app previews or any marketing materials.

  • Create & collaborate in real-time on wireframes, mockups, diagrams and prototypes.

Tools / Patterns

  • Create beautiful geometric patterns from endless variations.

Tools / Prototyping

  • Turn Figma prototypes into iOS and Android app. No-code.

  • Prototyping, animation & design tool. All-in-one Mac app.

  • A Mac app for creating interactive and animated prototypes of app designs.

  • A tool to visually design realistic interactive prototypes.

  • Prototyping, collaboration & workflow platform.

  • The built-in Mac app for creating presentations can also be used for prototyping.

  • The collaborative design platform. Wireframe, prototype & design online.

  • Piece hi-fi interactions together & build sensor-aided prototypes.

  • Design and manage your entire UX/UI project in one tool.

Tools / Screenshot

  • Capture your screen like a pro with cool built-in features.

  • Record your screen as a video, image or GIF and instantly share it as a link.

  • Capture parts of your screen and export as gif or mp4.

  • Open-source screen recorder with options to export to GIF, MP4, WebM and APNG.

  • A video player that you can use to record your screen.

Tools / Version Control

  • A platform for design teams to version, manage and collaborate on Sketch files.

  • Mac app and Sketch plugin to keep the history of your design changes.

  • CD for designers. Pushes your latest assets from Figma straight to your GitHub.

Tools / Wireframing

  • Effortless UI sketching. Capture your ideas and collaborate on your designs.

  • A tool for creating UML diagrams, flowcharts, wireframes and more.

  • A CSS Grid layout generator. Quickly draw down web pages layouts.

  • Instant wireframing with a rich library of configurable elements.

  • A simple wireframing tool that doesn't get in your way.