PH400+ Design Tools/Sites | Part 3
Table of Contents
Part 1
- Accessibility Tools
- Animation Tools
- Augmented Reality
- Collaboration Tools
- Color Picker Tools
- Design Feedback Tools
Part 2
- Design Handoff Tools
- Design Inspiration
- Design System Tools
- Design to Code Tools
- Design Version Control
- Development Tools
Part 3
- Experience Monitoring
- Font Tools
- Gradient Tools
- Icons Tools
- Illustrations
- Information Architecture
- Logo Design
Part 4
- Mockup Tools
- No Code Tools
- Pixel Art Tools
- Prototyping Tools
- Screenshot Software
- Sketching Tools
- SMM Design Tools
Part 5
- Sound Design
- Stock Photos Tools
- Stock Videos
- Tools for Learning Design
- UI Design Tools
- User Flow Tools
- User Research Tools
- Visual Debugging Tools
- Wireframing Tools
- 3D Modeling Software
Experience Monitoring
Listening to users is important but seeing the real usage is even more crucial. For these, you need to install different analytic tools, experience monitoring software, and user behavior apps. Just use those analytics solutions concerning users data:
- You do not have permission to view the full content of this post. Log in or register now. — understand your users, rapidly release better product experiences, and grow your business.
- You do not have permission to view the full content of this post. Log in or register now. — increase your customer conversion and task-oriented success rates by getting quick feedback on designs before you implement.
- You do not have permission to view the full content of this post. Log in or register now. — provides simple, useful websites stats without tracking or storing personal data of your users.
- You do not have permission to view the full content of this post. Log in or register now. — an app that captures all your customer experience data in one powerful, easy-to-use platform.
- You do not have permission to view the full content of this post. Log in or register now. — measure your advertising ROI and track your sites and applications.
- You do not have permission to view the full content of this post. Log in or register now. — automatically capture every web, mobile, and cloud interaction then retroactively analyze your data without writing code.
- You do not have permission to view the full content of this post. Log in or register now. — free heatmap tools to understand the website’s user experience better.
- You do not have permission to view the full content of this post. Log in or register now. — see how visitors are using your website and collect user feedback.
- You do not have permission to view the full content of this post. Log in or register now. — record videos of your visitors as they use your site, so you can see everything they do.
- You do not have permission to view the full content of this post. Log in or register now. - high-quality user’s session replay analytics.
- You do not have permission to view the full content of this post. Log in or register now. — see what users do on your site, helping you reproduce bugs and fix issues faster.
- You do not have permission to view the full content of this post. Log in or register now. — get insights across all of your user-centric data to make smarter decisions and act faster based on how customers use your product or website.
- You do not have permission to view the full content of this post. Log in or register now. — record mouse cursor movements.
- You do not have permission to view the full content of this post. Log in or register now. — measure and elevate the customer experience within their applications.
- You do not have permission to view the full content of this post. Log in or register now. — user session replay and user engagement analytics.
- You do not have permission to view the full content of this post. Log in or register now. — build future-proof customer experiences by asking the right questions at the right time.
Font Tools
Fonts are commonly used for making the web a more beautiful place. It’s an essential part of any design. In this section, you’ll find fonts generators & font finder tools that allow you to manage and work with fonts:
- You do not have permission to view the full content of this post. Log in or register now. — a Decent collection of free fonts.
- You do not have permission to view the full content of this post. Log in or register now. — a list of free fonts uploaded on Behance.
- You do not have permission to view the full content of this post. Log in or register now. — archive of freely downloadable fonts. Browse by alphabetical listing, by style, by author or by popularity.
- You do not have permission to view the full content of this post. Log in or register now. — makes it easy to find fonts based on the emotions you want to convey on your website.
- You do not have permission to view the full content of this post. Log in or register now. — font management made easy.
- You do not have permission to view the full content of this post. Log in or register now. — gorgeous interface and good collection.
- You do not have permission to view the full content of this post. Log in or register now. — browser extension to discover what fonts are being used on any website.
- You do not have permission to view the full content of this post. Log in or register now. — a simple tool that helps you pair Google Fonts together.
- You do not have permission to view the full content of this post. Log in or register now. — a typographic tool with a nonstop growing font catalog which facilitates designer workflow.
- You do not have permission to view the full content of this post. Log in or register now. — thousands of beautiful fonts by Adobe.
- You do not have permission to view the full content of this post. Log in or register now. — curated typography website with high-quality free fonts, done-for-you research articles, free alternatives to premium fonts, news, and more.
- You do not have permission to view the full content of this post. Log in or register now. — variety of fonts all sorted neatly with tags.
- You do not have permission to view the full content of this post. Log in or register now. — an extension for Illustrator and Photoshop CC that lets you turn any lettering into OpenType fonts in minutes!
- You do not have permission to view the full content of this post. Log in or register now. — a simple tool to help designers quickly find the best fonts for their projects.
- You do not have permission to view the full content of this post. Log in or register now. — download free fonts with wide collections.
- You do not have permission to view the full content of this post. Log in or register now. — making the web more beautiful, fast, and open through great typography.
- You do not have permission to view the full content of this post. Log in or register now. — a hassle way to self-host Google Fonts. It‘s free and open-source.
- You do not have permission to view the full content of this post. Log in or register now. — the first Pay-What-You-Want type foundry.
- You do not have permission to view the full content of this post. Log in or register now. — measure typographic line lengths with this browser extension for Chrome.
- You do not have permission to view the full content of this post. Log in or register now. — font managing app, helps preview, sync, install and organize fonts over iCloud, Dropbox or Google Drive. -
- You do not have permission to view the full content of this post. Log in or register now. — a downloadable font that is scientifically designed to help you remember your study notes.
- You do not have permission to view the full content of this post. Log in or register now. — calculate the perceived size using viewing distance and physical size of the printed typography.
- You do not have permission to view the full content of this post. Log in or register now. — font manager that improves your design workflow with live font previews and flexible tagging. -
- You do not have permission to view the full content of this post. Log in or register now. — the tool that answers the question “what can my font do?”.
- You do not have permission to view the full content of this post. Log in or register now. — preview Google Font pairings with components and site templates.
- You do not have permission to view the full content of this post. Log in or register now. — create and maintain custom SVG icon fonts, made a shared library of icons. -
- You do not have permission to view the full content of this post. Log in or register now. — displays your written word/phrase with all the fonts which are already installed on your computer.
Gradient Tools
You can see gradient colors are everywhere — UI, branding, illustration, typography. A gradient is created by using two or more different colors to paint one element while gradually fading between them. It might look as a memorable, fresh and unique color. To make such a gradient for your design, use these gradient color palettes.
- You do not have permission to view the full content of this post. Log in or register now. — create and customize beautiful CSS3 gradients.
- You do not have permission to view the full content of this post. Log in or register now. — get CSS, images, UI previews or create own gradients.
- You do not have permission to view the full content of this post. Log in or register now. — a curated library of colors, gradients and fonts for digital designers and web developers.
- You do not have permission to view the full content of this post. Log in or register now. — the perfect matching color scheme for your next project! Generate nice color palettes.
- You do not have permission to view the full content of this post. Log in or register now. — helps designers find unique colors and striking gradient combinations.
- You do not have permission to view the full content of this post. Log in or register now. — explore a beautifully curated selection of cool backgrounds that you can add to blogs, websites.
- You do not have permission to view the full content of this post. Log in or register now. — handpicked gradient palette and swatch for your next super amazing stuff.
- You do not have permission to view the full content of this post. Log in or register now. — a free CSS gradient generator tool, this website lets you create a colorful gradient background.
- You do not have permission to view the full content of this post. Log in or register now. — a color collection page that includes shades of 12 different colors.
- You do not have permission to view the full content of this post. Log in or register now. — beautiful and simple UI for generating web gradients.
- You do not have permission to view the full content of this post. Log in or register now. — multicolor CSS Gradients, JPG Downloads, 100% Free!
- You do not have permission to view the full content of this post. Log in or register now. — a largest crowdsourced collection of gradients, with daily contributions from users on You do not have permission to view the full content of this post. Log in or register now.
- You do not have permission to view the full content of this post. Log in or register now. — a tool that generates a stepped gradient between two colors.
- You do not have permission to view the full content of this post. Log in or register now. — a free and open platform for color inspiration with thousands of trendy hand-made color gradients.
- You do not have permission to view the full content of this post. Log in or register now. — blend mode background images & beautiful background gradients for your UI.
- You do not have permission to view the full content of this post. Log in or register now. — realize how easy and beautiful it is to create gradients with this gradient generator.
- You do not have permission to view the full content of this post. Log in or register now. — handpicked collection of beautiful color gradients for designers and developers.
- You do not have permission to view the full content of this post. Log in or register now. — a free collection of 180 linear gradients that you can use as content backdrops in any part of your website.
Icons Tools
As well as fonts, icons are used in every design. These basic elements support and guide many user actions inside the product. Without a doubt, icons are a vital element in user navigation. While making those small design elements is hard and time-consuming, you can get thousands of vector icons for personal and commercial use.
- You do not have permission to view the full content of this post. Log in or register now. — a growing set of beautiful, high-resolution, animated GIF icons that you can customize.
- You do not have permission to view the full content of this post. Log in or register now. — premium designed free icon set with marks in SVG, Webfont and raster formats.
- You do not have permission to view the full content of this post. Log in or register now. — lifestyle icon & emoji pack for your next project. 25 high-resolution flat icons.
- You do not have permission to view the full content of this post. Log in or register now. — created to cover your needs in perfect-shaped icons. Adapted for small and large sizes.
- You do not have permission to view the full content of this post. Log in or register now. — each icon is designed on a 24×24 grid with an emphasis on simplicity, consistency, and readability.
- You do not have permission to view the full content of this post. Log in or register now. — 1593000+ vector icons in SVG, PSD, PNG, EPS format or as icon font.
- You do not have permission to view the full content of this post. Log in or register now. — the web’s most popular icon set and toolkit, also it’s open source.
- You do not have permission to view the full content of this post. Log in or register now. — tool to build custom fonts with icons, also open source.
- You do not have permission to view the full content of this post. Log in or register now. — collection of exclusive freebies and all graphic resources that you need for your projects.
- You do not have permission to view the full content of this post. Log in or register now. — get high-quality Icons, Illustrations and Stock photos at one place.
- You do not have permission to view the full content of this post. Log in or register now. — a marketplace for vector icons (SVG). Icon sets available in IconJar format.
- You do not have permission to view the full content of this post. Log in or register now. — store all your icons in one icon manager. -
- You do not have permission to view the full content of this post. Log in or register now. — discover 4412+ free icons in 305 collections.Big and continuously growing source of simple icons.
- You do not have permission to view the full content of this post. Log in or register now. — free, cross-platform and fast SVG icon organizer working on Mac and Windows.
- You do not have permission to view the full content of this post. Log in or register now. — a library of free vector icons for personal and commercial projects, designed by first-class designers.
- You do not have permission to view the full content of this post. Log in or register now. — a tool to simplify the process of finding and generating common icons for your project.
- You do not have permission to view the full content of this post. Log in or register now. — free iOS, Android and Windows styled icons.
- You do not have permission to view the full content of this post. Log in or register now. — customize, adjust and download free vector icons.
- You do not have permission to view the full content of this post. Log in or register now. — a smarter icon library. Build something great with 100% customizable icons.
- You do not have permission to view the full content of this post. Log in or register now. — beautifully crafted open source icons.
- You do not have permission to view the full content of this post. Log in or register now. — free material design icons made possible by open source contributons.
- You do not have permission to view the full content of this post. Log in or register now. — free collection of 1000+ icons for popular graphics tools.
- You do not have permission to view the full content of this post. Log in or register now. — free, simple animated icon editor.
- You do not have permission to view the full content of this post. Log in or register now. — mac, Windows and Linux app to color and customize icon sets to fit your brand.
- You do not have permission to view the full content of this post. Log in or register now. — icons for everything.
- You do not have permission to view the full content of this post. Log in or register now. — a Mac and Windows app to collect, customize and export all your icons.
- You do not have permission to view the full content of this post. Log in or register now. — SVG vector icons with an advanced interactive web app.
- You do not have permission to view the full content of this post. Log in or register now. — free SVG icons for popular brands. Simply click the icon you want, and the download should start automatically.
- You do not have permission to view the full content of this post. Log in or register now. — more than 300 000 free download icons in different formats.
- You do not have permission to view the full content of this post. Log in or register now. — a free collection of 850 + vector emoji. The style is inspired by the japanese “Kawaii” (cute) style.
- You do not have permission to view the full content of this post. Log in or register now. — SVG icon management tool. -
- You do not have permission to view the full content of this post. Log in or register now. — a tool to automatically change the entire color palette of any given SVG icon pack intelligently keeping the shades, highlights & shadows.
- You do not have permission to view the full content of this post. Log in or register now. — a site with 300.000+ SVG Vectors and Icons.
- You do not have permission to view the full content of this post. Log in or register now. — download free icons for landing pages. More than 700 vector icons, collected in 43 sets for business.
- You do not have permission to view the full content of this post. Log in or register now. — Twitter’s open-source emoji has you covered for all your project’s emoji needs.
- You do not have permission to view the full content of this post. Log in or register now. — 1000+ pixel-perfect vector icons for your next project.
- You do not have permission to view the full content of this post. Log in or register now. — free SVG Icons with super-fast search and free Coke. Built for fun by Icons8.
- You do not have permission to view the full content of this post. Log in or register now. — free vector icons, that update every 10 days.
- You do not have permission to view the full content of this post. Log in or register now. — handcrafted icon set for your next project.
Illustrations
Illustrations can be used on your landing page, blog posts, inside your app or email campaign. They make your design live and playful. While drawing good illustration is a task of a skilled graphic designer, you can grab free SVG images & illustrations from very kind people in our community:
- You do not have permission to view the full content of this post. Log in or register now. — free surrealist illustrations for your projects.
- You do not have permission to view the full content of this post. Log in or register now. — create vector blob illustrations in the browser, with varying colour, complexity and contrast.
- You do not have permission to view the full content of this post. Log in or register now. — create, mix and customize illustrations made by artists around the world. You do not have permission to view the full content of this post. Log in or register now.
- You do not have permission to view the full content of this post. Log in or register now. — a free library to mix-&-match illustrations of people.
- You do not have permission to view the full content of this post. Log in or register now. — over 13142 professionally designed illustrations of different styles.
- You do not have permission to view the full content of this post. Log in or register now. — create amazing illustrations, using hand-drawn sketch components, a cool selection of 5 gradients and ai., svg. or png. formats.
- You do not have permission to view the full content of this post. Log in or register now. — an illustrated avatar collection for developers and designers, perfect as placeholders or live sites.
- You do not have permission to view the full content of this post. Log in or register now. — free vector art illustrations and icons. They are available for personal and commercial use.
- You do not have permission to view the full content of this post. Log in or register now. — royalty-free illustrations to power up your projects.
- You do not have permission to view the full content of this post. Log in or register now. — big vector pack with hand-drawn doodles for presentations, social media, blog posts and so on.
- You do not have permission to view the full content of this post. Log in or register now. — a set of free illustrations by Pablo Stanley that embraces the idea of Open Design. You can copy, edit, remix, share, or redraw these images for any purpose without restriction under copyright or database law (CC0 license.).
- You do not have permission to view the full content of this post. Log in or register now. — vector illustrations to class up your project. Free for both personal and commercial use.
- You do not have permission to view the full content of this post. Log in or register now. - all you need to start creating beautiful SVG squircles.
- You do not have permission to view the full content of this post. Log in or register now. — a collection of beautiful SVG images.
- You do not have permission to view the full content of this post. Log in or register now. — a collection of free illustrations, vector images, photos, and animations for any use.
Information Architecture
Information architecture helps designers organize and structure content inside websites, mobile apps, and other software. So users will understand product functionality and will find everything needed. These information architecture tools should allow you to create visual sitemaps and to improve your website content structure:
- You do not have permission to view the full content of this post. Log in or register now. — organize website projects using visual sitemaps, content inventory, content audit, content planning, daily keyword tracking, and website accessibility testing.
- You do not have permission to view the full content of this post. Log in or register now. — visual sitemap builder. Build your website structure in real-time and rapidly share it to collaborate with your team or clients.
- You do not have permission to view the full content of this post. Log in or register now. — сreate beautiful diagrams and designs with this powerful and easy to use app.-
- You do not have permission to view the full content of this post. Log in or register now. — card sorting tool that allows you to understand how people categorize content in your UI.
- You do not have permission to view the full content of this post. Log in or register now. — upload your proposed sitemap to see how a user would move through your site.
- You do not have permission to view the full content of this post. Log in or register now. — create sitemaps that impress! Plan out the pages and content for your next website project in a visual, fun, and beautiful manner.
