Data

Tools

Indexes

Applications

Experiments

Awesome

An open API service indexing awesome lists of open source software.

https://github.com/goabstract/Awesome-Design-Tools

The best design tools and plugins for everything πŸ‘‰
https://github.com/goabstract/Awesome-Design-Tools

List: Awesome-Design-Tools

animations awesome awesome-list design design-systems design-tools font-awesome ui-design

Last synced: about 1 year ago
JSON representation

The best design tools and plugins for everything πŸ‘‰

Awesome Lists containing this project

README 

          



# Awesome Design Tools



- [Awesome Design Plugins](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Awesome-Design-Plugins.md)

- [Awesome Design Conferences](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Awesome-Design-Conferences.md)

- [Awesome Design UI Kits](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Awesome-Design-UI-Kits.md)





    

        Awesome-Design-Tools

    






    awesome PRs Welcome




## Awesome Design Tools as a part of Flawless App family joins Abstract!



Today, we’re excited to announce that Flawless App has joined [Abstract](https://www.abstract.com), a design delivery platform that brings visibility, accountability, measurability, and predictability to design.



Flawless App was our first company, and we’re proud of everything that we’ve achieved with our 5-person team.



Since 2015, we’ve launched powerful tools for designers and developers β€” among them are [Flawless App](https://flawlessapp.io/), [Reduce](https://flawlessapp.io/reduceapp), [Flawless Feedback](https://flawlessapp.io/feedback). We’ve also invested a lot of love and care into community-driven initiatives. Awesome Design Tools is one of them.



#### So what’s next?

Our team has joined Abstract and is focused on building out the [Abstract SDK](https://sdk.goabstract.com), bringing developers’ experience forward. One unbelievable journey has finished and the new one has just begun. And if you want to know more about the future of Awesome Design Tools, [please keep reading our FAQ](https://flawlessapp.io/designtools/joinsabstract).





    

        Awesome-Design-Tools-Joins-Abstract

    




## How to Use and Contribute



- Now you are in the **Awesome Design Tools** section, if you need plugins β€” go to [Awesome Design Plugins](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Awesome-Design-Plugins.md).

- To find the tool, go through the Table of Contents or search for a keyword (for example, "animation", "prototyping").

- Ask [Lisa](https://twitter.com/LisaDziuba) on Twitter.



If you found some great design tool or plugin, just send a Pull Request with respect to our [Contribution Guidelines](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Contribution_Guidelines.md) (they're very simple, please take a look). Design tools should be submitted here and plugins in [Awesome Design Plugins](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Awesome-Design-Plugins.md) file. We use such labels for free ![free.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/free.svg), open source ![open-source.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/open-source.svg) and Mac only ![mac.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/mac.svg) tools, don't forget to add them. Now I'd love to see your suggestions!









## Table of Content



- [Accessibility Tools](#accessibility-tools)

- [Animation Tools](#animation-tools)

- [Augmented Reality](#augmented-reality)

- [Collaboration Tools](#collaboration-tools)

- [Color Picker Tools](#color-picker-tools)

- [Design Feedback Tools](#design-feedback-tools)

- [Design Handoff Tools](#design-handoff-tools)

- [Design Inspiration](#design-inspiration)

- [Design System Tools](#design-system-tools)

- [Design to Code Tools](#design-to-code-tools)

- [Design Version Control](#design-version-control)

- [Development Tools](#development-tools)

- [Experience Monitoring](#experience-monitoring)

- [Font Tools](#font-tools)

- [Gradient Tools](#gradient-tools)

- [Icons Tools](#icons-tools)

- [Illustrations](#illustrations)

- [Information Architecture](#information-architecture)

- [Logo Design](#logo-design)

- [Mockup Tools](#mockup-tools)

- [No Code Tools](#no-code-tools)

- [Pixel Art Tools](#pixel-art-tools)

- [Prototyping Tools](#prototyping-tools)

- [Screenshot Software](#screenshot-software)

- [Sketching Tools](#sketching-tools)

- [SMM Design Tools](#smm-design-tools)

- [Sound Design](#sound-design)

- [Stock Photos Tools](#stock-photos-tools)

- [Stock Videos](#stock-videos)

- [Tools for Learning Design](#tools-for-learning-design)

- [UI Design Tools](#ui-design-tools)

- [User Flow Tools](#user-flow-tools)

- [User Research Tools](#user-research-tools)

- [Visual Debugging Tools](#visual-debugging-tools)

- [Wireframing Tools](#wireframing-tools)

- [3D Modeling Software](#three-d-modeling-software)






### Accessibility Tools



Accessibility is the practice of creating websites and apps usable for all people, including individuals with visual, motor, auditory, speech, or cognitive disabilities. Here you will find web accessibility tools, accessibility testing tools, and accessibility apps both for developers and designers:



- [A11ygator](https://a11ygator.chialab.io) β€” a web tool to analyze websites against WCAG rules. Also available as Google Chrome browser extension and as Twitter bot. ![free.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/free.svg) [![open-source.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/open-source.svg)](https://github.com/chialab/a11ygator-app)

- [Accessibility Insights](https://accessibilityinsights.io/) β€” helps developers quickly find and fix accessibility issues. ![free.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/free.svg)

- [Accessible Palette Builder](https://toolness.github.io/accessible-color-matrix/) β€” an Elm-based prototype to help designers build accessible color palettes. ![free.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/free.svg) [![open-source.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/open-source.svg)](https://github.com/toolness/accessible-color-matrix)

- [AChecker](https://achecker.ca) β€” accessibility testing web app used to evaluate HTML content for accessibility problems. ![free.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/free.svg)

- [ANDI](https://www.ssa.gov/accessibility/andi/help/install.html) β€” accessibility testing tool for web content (bookmarklet). It will automatically detect accessibility issues, give suggestions to improve online accessibility and check 508 compliance. ![free.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/free.svg) [![open-source.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/open-source.svg)](https://github.com/SSAgov/ANDI)

- [Axe](https://www.deque.com/axe/) β€” accessibility engine designed to work on all modern browsers and with whatever tools, frameworks, libraries, and environments you use today. It's an automated accessibility testing tool for developers. ![free.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/free.svg) [![open-source.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/open-source.svg)](https://github.com/dequelabs/axe-core)

- [ColorBox](http://www.colorbox.io/) β€” a web app that algorithmically builds accessible color systems. Done by the Lyft Design team. ![free.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/free.svg)

- [Colorable](https://colorable.jxnblk.com/) β€” a free web-based contrast tool. ![free.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/free.svg)

- [Color Oracle](https://colororacle.org/) β€” a free color blindness simulator. ![free.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/free.svg)

- [Contrast](https://usecontrast.com/) β€” a macOS app for designers and developers to get quick access to WCAG color contrast ratios. ![mac.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/mac.svg)

- [Contrast Checker](https://contrast-checker.glitch.me/) β€” helps check the contrast between the background of an element and the page itself. ![free.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/free.svg)

- [Contraste](https://contrasteapp.com/) β€” an app for checking the accessibility of text against the Web Content Accessibility Guidelines (WCAG). ![free.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/free.svg)

- [Inclusive Design](https://www.microsoft.com/design/inclusive/) β€” a methodology and a set of tools provided by the Microsoft team.

- [Hex Naw](https://hexnaw.com/) β€” helps you to test entire color systems for contrast and accessibility. ![free.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/free.svg)

- [Leonardo](https://leonardocolor.io) - generate color palettes by desired WCAG contrast ratio. Open source web tool & npm module for designers and engineers. Made by Adobe. ![free.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/free.svg) ![open-source.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/open-source.svg) ![Web](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/web.svg)

- [PA11Y](http://pa11y.org/) β€” accessibility testing tool to find issues with your web pages. It runs HTML CodeSniffer from the command line for programmatic accessibility reporting. It's an accessibility developer tool. ![free.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/free.svg) ![open-source.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/open-source.svg)

- [Sim Daltonism](https://michelf.ca/projects/sim-daltonism/) β€” a color blindness simulator for macOS and iOS that lets you visualize colors as they are perceived with various types of color blindness. ![free.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/free.svg) [![open-source.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/open-source.svg)](https://www.github.com/michelf/sim-daltonism/)

- [Stark](https://getstark.co/) β€” a paid Sketch plugin that will let you simulate different types of color blindness. ![mac.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/mac.svg)

- [Toptal’s Color Filter](https://www.toptal.com/designers/colorfilter) β€” lets you test your website and shows you how people with different color blindness will see your pages. ![free.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/free.svg)

- [tota11y](http://khan.github.io/tota11y/) β€” an accessibility visualization toolkit. Interesting fact: inside the tool name you can see "a11y". It's an abbreviation of accessibility as "a" followed by 11 more letters, followed by "y". ![free.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/free.svg)

- [WAVE](https://wave.webaim.org/) β€” allows you to evaluate web content for accessibility issues directly within Chrome and Firefox. It's a web accessibility checker. ![free.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/free.svg)

- [90 Examples](http://clrs.cc/a11y/) β€” a free collection of accessible color themes. ![free.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/free.svg)






### Animation Tools





    


        

            Abstract

        

    





Animations guide people through the product friendly and smoothly. Live interactive UI makes users feel delighted with instant feedback and emotional touch. These free and paid tools are designed to make animation creation easier. If you plan to make animated transitions, micro-interactions or scroll-based animations, go through these tools:



- [After Effects](https://www.adobe.com/products/aftereffects.html) β€” digital visual effects, motion graphics, and compositing application developed by Adobe.

- [BeatFlyer](https://beatflyer.com/) β€” a web tool that lets you create very quickly loopy and catchy animations from your multi-layer compositions.

- [Dokyu Motion](https://3dmybusiness.com) β€” simplifies motion design in After Effects so any editor can tell stories that wonβ€²t be ignored.

- [Flare](https://www.2dimensions.com/about-flare) β€” a powerful design and animation tool, which allows designers and developers to create animations for their app or game. ![free.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/free.svg)

- [Flow](https://createwithflow.com/) β€” a professional animation tool for Sketch designs that also exports production-ready code for iOS, Web or SVG files. ![mac.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/mac.svg)

- [GSAP](https://greensock.com/) β€” a suite of tools for scripted, high-performance HTML5 animations in all major browsers. ![free.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/free.svg)

- [Haiku Animator](https://www.haikuforteams.com/) β€” keyframe-based animation connecting your UI tools to code that developers can easily use.

- [Keyshape](https://www.keyshapeapp.com/) β€” 2D animation tool that allows for animated SVG export.

  ![mac.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/mac.svg)

- [Kite Compositor](https://kiteapp.co/) β€” a powerful animation and prototyping application for Mac & iOS. ![mac.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/mac.svg)

- [LightBox](https://uselightbox.com/) β€” 2D, Hand-Drawn animation package. ![mac.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/mac.svg) ![free.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/free.svg)

- [Lottie](https://airbnb.io/lottie/) β€” a mobile library for Android and iOS that parses Adobe After Effects animations exported as JSON with Bodymovin and renders them natively on mobile and the web. ![free.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/free.svg)

- [Mantra](https://jeremyckahn.github.io/mantra/) β€” a web-based timeline animation tool. ![open-source.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/open-source.svg)

- [Meteoritic](https://meteoritic.io/) β€” animation delights library for iOS and Android. Choose from a variety of animations that suits different app styles. ![free.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/free.svg)

- [Naker.Back](https://app.naker.io/back) β€” integrate an interactive background for free to draw more attention to your website. ![free.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/free.svg)

- [Naker.Story](https://naker.io/naker-story.html) β€” make your web content interactive to engage your visitors like never before thanks to 3D. ![free.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/free.svg)

- [OFFEO](https://offeo.com/) β€” an online video maker for small businesses to create video ads like the Big Brands without the big budget. ![free.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/free.svg)

- [StorySwag](https://storyswag.co) β€” create stylish animated posts for Instagram and Facebook in just a few taps, all from your mobile phone. ![free.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/free.svg) ![mac.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/mac.svg)

- [Spirit](https://spiritapp.io/) β€” the animation tool that helps you to create and manage the animations real-time in the browser. ![mac.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/mac.svg)

- [Stylie](https://jeremyckahn.github.io/stylie/) β€” a web-based graphical CSS3 animation tool. ![open-source.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/open-source.svg)

- [Tumult Hype](https://tumult.com/hype/) β€” the HTML5 animation/interactives creation app for macOS. ![mac.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/mac.svg)






### Augmented Reality



Augmented Reality is a technology that upgrades our real world, by adding a layer of digital information to it. The use of AR increases day by day with dozens of new AR apps, development kits, and AR frameworks. So in this section is collected different augmented reality tools for creating, projecting and prototyping apps focused on AR:



- [Daqri](https://daqri.com/) β€” delivers professional-grade augmented reality for the workforce by overlaying digital information onto the physical environment.

- [EasyAR](https://www.easyar.com/) β€” a mobile application and an Augmented Reality Engine, making AR easier.

- [HP Reveal](https://www.hpreveal.com/) β€” adding value to printed content through visual interactivity.

- [Layar](https://www.layar.com/) β€” find various items based upon augmented reality technology.

- [Lens Studio](https://lensstudio.snapchat.com/) β€” create, publish, and share your own AR experiences for Snapchat with or without code. ![free.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/free.svg)

- [Lightform](https://lightform.com/) β€” a design tool for projected AR.

- [Spark AR Studio](https://www.sparkar.com) β€” сreate AR experiences for Instagram without code. ![free.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/free.svg) ![mac.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/mac.svg)

- [Torch](https://www.torch.app/) β€” a cloud-based 3D design and prototyping app focused on mobile AR. ![free.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/free.svg) ![mac.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/mac.svg)

- [Unity](https://unity.com/) β€” build high-quality 3D and 2D games, deploy them across mobile, desktop and VR/AR.

- [Vectary](https://www.vectary.com/) β€” сreate 3D and AR for your website.

- [Vuforia](https://www.vuforia.com/) β€” SDK for mobile devices that enables the creation of augmented reality applications.

- [Wikitude](https://www.wikitude.com/) β€” empowers your iOS, Android & Smart Glasses apps with Image & Object Tracking, Instant tracking (SLAM), Geo AR, and more.



### Collaboration Tools



Looking to try some tools for agile design and development collaboration? Good idea because such tools make the lives of designers and developers much easier, save time and improve productivity. Well, you know all that in Slack-driven era. Here you'll find the best collaboration tools for product teams:



- [Airtable](https://airtable.com/) β€” part spreadsheet, part database, and entirely flexible, teams use Airtable to organize their work, their way.

- [Asana](https://asana.com/) β€” the work management platform teams use to stay focused on the goals, projects, and daily tasks that grow business.

- [Basecamp](https://basecamp.com/) β€” the project management suite designed to organize employees, delegate tasks, and monitor progress right from one place.

- [Freedcamp](https://freedcamp.com/) β€” the most innovative way to manage projects, completely free... forever.

- [Droplr](https://droplr.com/) β€” screenshot, file sharing and screencasts to help you capture and explain your ideas.

- [Excalidraw](https://excalidraw.com/) β€” a whiteboard tool that lets you easily sketch diagrams with a hand-drawn feel. ![free.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/free.svg) ![open-source.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/open-source.svg)

- [Filestage](https://filestage.io/) β€” an agile content approval software that helps you to review videos, designs, and documents with clients and co-workers.

- [Float](https://www.float.com/) β€” a tool to plan your projects and schedule your team’s time all in one place.

- [Gallery](https://material.io/tools/gallery/) β€” a collaborative tool for uploading design work, getting feedback, and tracking revisions. ![free.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/free.svg) ![open-source.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/open-source.svg)

- [HiveDesk](https://www.hivedesk.com/) β€” an automatic time tracking for remote employees with screenshots. It makes it easier to monitor the productivity of remote employees and manage projects.

- [Jira](https://www.atlassian.com/software/jira) β€” software development tool used by agile teams.

- [Jitsi](https://jitsi.org/) β€” multi-platform open-source video conferencing you can install yourself or use on their servers. ![free.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/free.svg) ![open-source.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/open-source.svg)

- [Keybase](https://keybase.io) β€” a free collaboration app with built-in end-to-end encrypted chat, file sharing, git repositories, and more ![free.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/free.svg) ![open-source.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/open-source.svg)

- [Lumeer](https://www.lumeer.io/) - an easy visual collaborative tool to plan, organize and track anything, anywhere, anytime. ![open-source.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/open-source.svg)

- [Mattermost](https://mattermost.com/) β€” a flexible, open-source messaging platform that meets even the most demanding privacy and security standards. ![open-source.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/open-source.svg)

- [Milanote](https://milanote.com/) β€” an easy-to-use, collaborative tool to organize your ideas and projects into visual boards.

- [Mixed](https://mixed.io) β€” real-time whiteboard and collaboration tools for distributed teams. ![free.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/free.svg)

- [Moqhub](https://moqhub.com) β€” fast online proofing for creative projects. Get feedback for images and PDFs.

- [MURAL](https://mural.co/) β€” think and collaborate visually. Anywhere, anytime.

- [Nextcloud](https://nextcloud.com) β€” open source collaboration platform for files, kanban boards, chat & calls, calendar and more. ![open-source.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/open-source.svg) ![free.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/free.svg)

- [Notion](https://www.notion.so) β€” write, plan, collaborate, and get organized. Notion is all you need β€” in one tool.

- [ProofHub](https://www.proofhub.com/) β€” the one place for all your projects, teams and communications.

- [RealtimeBoard (Miro)](https://www.realtimeboard.com/) β€” whiteboarding platform for cross-functional team collaboration. It was recently renamed to Miro.

- [Slack](https://slack.com/) β€” a collaboration hub for work, no matter what work you do. It’s a place where conversations happen, decisions are made, and information is always at your fingertips.

- [Sunsama](https://sunsama.com/) β€” a beautifully designed, team-oriented task manager that consolidates Trello/Jira/Asana tickets into a single, calendar-oriented view.

- [Taskade](https://taskade.com/) β€” team productivity made simple, fun and designed for remote teams. Taskade is collaborative and syncs in real-time across the web, mobile, and desktop.

- [Trello](https://trello.com/) β€” a web-based project management application that enables you to organize and prioritize your projects in a fun, flexible and rewarding way.

- [Witeboard](https://www.witeboard.com/) β€” simple real-time whiteboard for collaboration work. ![free.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/free.svg)

- [Workzone](https://www.workzone.com/) β€” a simple, powerful project management software.

- [Wrike](https://www.wrike.com/) β€” an online project management software that gives you full visibility and control over your tasks.

- [Zenkit](https://zenkit.com/) β€” a tool to schedule meetings, track the project’s progress, and brainstorm new ideas.

- [zipBoard](https://zipboard.co) β€” an online visual bug tracking and website annotation tool 

- [Zulip](https://zulipchat.com/) β€” combines the immediacy of real-time chat with an email threading model, helping to focus on important conversations while ignoring irrelevant ones. ![open-source.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/open-source.svg)






### Color Picker Tools



If you are looking for an eyedropper tool, color identifier or color capture, check this section. With the color pickers mentioned here, you will be able to create new color combinations and define great ones. Almost all of these tools are free:



- [BrandColors](https://brandcolors.net/) β€” the biggest collection of official brand color codes around. ![free.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/free.svg)

- [Calcolor](https://calcolor.co) β€” a web-based color palette management tool which provides a new way to interact with digital colors. ![free.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/free.svg)

- [Chroma](https://chroma.spencerhamm.com/) β€” free web app which allows you to identify the color. ![free.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/free.svg)

- [Color](https://color.adobe.com/explore/?filter=most-popular&time=month) β€” create color schemes with the color wheel or browse thousands of color combinations from the Color community. Made by Adobe. ![free.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/free.svg)

- [Color by Cloudflare](https://cloudflare.design/color/) β€” a tool to preview palettes against UI elements, cycle through accessible color combos and create palettes manually, via URL import, or generatively.

- [Color Deck](https://color.obscuredetour.com/) β€” an HSL driven color palette collection. It's also open-source. ![free.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/free.svg) [![open-source.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/open-source.svg)](https://github.com/obscuredetour/color-deck)

- [Color Hexa](https://www.colorhexa.com/) β€” free color tool providing information about any color and generating matching color palettes for designs.

- [Color Hex Picker](http://colorhexpicker.com/) - a tool for getting the name of any color from any image. You also get the HEX code and RGB value for the color. ![free.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/free.svg)

- [Color Hunt](https://colorhunt.co/) β€” free and open platform for color inspiration with thousands of trendy hand-picked color palettes. ![free.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/free.svg)

- [ColorKit](https://colorkit.io) β€” a tool for blending colors and generating a color's shades and tints. ![free.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/free.svg)

- [Color Leap](https://colorleap.app) β€” leap through time and see the colors of history. ![free.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/free.svg)

- [Colorpicker](https://colorpicker.crea-th.at/) β€” a complete and open-source color manipulation tool with picking. ![free.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/free.svg) ![open-source.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/open-source.svg)

- [ColorSlurp](http://colorslurp.com/) β€” the ultimate color productivity booster for designers and developers. ![free.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/free.svg) ![mac.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/mac.svg)

- [ColorsWall/](https://colorswall.com/) β€” place to store your color palettes or easy generate. ![free.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/free.svg)

- [Colorwise](https://www.colorwise.io/) β€” search through the color palettes of the most voted products on Product Hunt. ![free.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/free.svg)

- [Colour Cafe](https://www.instagram.com/colours.cafe/) β€” colors inspiration that has selected a modern color palette on Instagram. ![free.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/free.svg)

- [Colourcode](https://colourco.de/) β€” an online designer tool, which allows you to easily and intuitively combine colors. ![free.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/free.svg)

- [Coolors](https://coolors.co/) β€” the super-fast color scheme generator. ![free.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/free.svg) ![mac.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/mac.svg)

- [Culrs](https://culrs.com/#/) β€” thoughtfully crafted and easy-to-use color palettes. ![free.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/free.svg)

- [Geenes](https://geenes.app) β€” a tool to create harmonious color themes with code and sketch file export.![free.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/free.svg)

- [Image Color Picker](https://image-color.com) β€” image color picker and color scheme generator. ![free.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/free.svg)

- [Instant Eyedropper](http://instant-eyedropper.com/) β€” a minimalist eyedropper tool for windows, supports multiple color formats for both designers and developers. ![free.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/free.svg)

- [Just Color Picker](http://annystudio.com/software/colorpicker/) β€” Free portable offline color picker and color editor. ![free.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/free.svg)

- [Khroma](http://khroma.co/) β€” AI-based tool to generate color palettes based on your preferences.

- [Material Colors Native](https://github.com/BafS/Material-Colors-native) β€” Google's material design color palette in the form of a mac app. ![free.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/free.svg) ![open-source.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/open-source.svg) ![mac.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/mac.svg)

- [Material Design Palette Generator](https://materialpalettes.com/) β€” get perfect Material Design color palettes from any hex color. ![free.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/free.svg) ![open-source.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/open-source.svg)

- [Paletton](https://paletton.com) β€” a designer tool for creating color combinations that work together well. ![free.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/free.svg)

- [Picular](https://picular.co/) β€” a rocket fast primary color generator using Google's image search. ![free.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/free.svg)

- [Pigment](https://pigment.shapefactory.co/) β€” a color palette generator with innumerable color configurations suggested by the app. ![free.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/free.svg)

- [Pikka](https://itunes.apple.com/us/app/pikka-color-picker/id1195076754) β€” color picker & color schemes generator for macOS. ![mac.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/mac.svg)

- [React Color](http://casesandberg.github.io/react-color/) β€” a collection of color pickers from Sketch, Photoshop, Chrome. Itβ€˜s free and open-source. ![free.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/free.svg) [![open-source.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/open-source.svg)](https://github.com/casesandberg/react-color/)

- [Sip](https://sipapp.io/) β€” a better way to collect, organize and share colors. Global eyedropper tool for macOS. ![mac.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/mac.svg)

- [Skala Color](https://bjango.com/mac/skalacolor/) β€” works with a huge variety of formats, covering everything you’re likely to need for web, iOS, Android, and macOS development. ![free.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/free.svg) ![mac.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/mac.svg)

- [Swatches](https://swatchesapp.io/) β€” iOS app that lets you collect, inspect and share the colors that inspire you in your daily life. ![free.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/free.svg) ![mac.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/mac.svg)

- [Tint & Shade Generator](https://maketintsandshades.com/) β€” display tints and shades of a given hex color in 10% increments. ![free.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/free.svg) ![open-source.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/open-source.svg)

- [Viz Palette](https://projects.susielu.com/viz-palette) β€” color picker for data visualizations. ![free.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/free.svg)






### Design Feedback Tools



How do you provide and get feedback during the development process? This process is usually pretty messy for many product teams, which caused product delays and time waste on back-and-forth communication. So if you wish to get fast and structural feedback on UI issues or visual bugs β€” take a look at this tool:



- [Flawless Feedback](https://flawlessapp.io/feedback) β€” review and annotate iOS apps then share your feedback in Jira or Trello. ![mac.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/mac.svg)

- [GoVisually](https://govisually.com) β€” online proofing, design review & approval software.