Data

Tools

Indexes

Applications

Experiments

Awesome

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

Awesome-Design-Tools

The best design tools and plugins for everything 👉
https://github.com/goabstract/Awesome-Design-Tools

Last synced: 12 days ago
JSON representation

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

  • How to Use and Contribute

    • Awesome Design Plugins
    • Lisa
    • Contribution Guidelines - 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!
    • Contribution Guidelines - 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!
    • Awesome Design Plugins

  • Table of Content

    • Accessibility Tools

      • A11ygator - 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 - Design-Tools/blob/master/Media/free.svg)
      • AChecker - Design-Tools/blob/master/Media/free.svg)
      • ANDI - 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 - 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)
      • Colorable - based contrast tool. ![free.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/free.svg)
      • Color Oracle - Design-Tools/blob/master/Media/free.svg)
      • Contrast - Design-Tools/blob/master/Media/mac.svg)
      • Contrast Checker - Design-Tools/blob/master/Media/free.svg)
      • Contraste - Design-Tools/blob/master/Media/free.svg)
      • Hex Naw - Design-Tools/blob/master/Media/free.svg)
      • Leonardo - 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)
      • Sim Daltonism - 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 - Design-Tools/blob/master/Media/mac.svg)
      • Toptal’s Color Filter - Design-Tools/blob/master/Media/free.svg)
      • WAVE - Design-Tools/blob/master/Media/free.svg)
      • tota11y - Design-Tools/blob/master/Media/free.svg)
      • Accessible Palette Builder - 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)
      • Contrast Checker - Design-Tools/blob/master/Media/free.svg)
      • AChecker - Design-Tools/blob/master/Media/free.svg)
      • 90 Examples - Design-Tools/blob/master/Media/free.svg)
      • Visual Debugging Tools

    • Animation Tools

    • Augmented Reality

      • Daqri - grade augmented reality for the workforce by overlaying digital information onto the physical environment.
      • EasyAR
      • HP Reveal
      • Layar
      • Lightform
      • Torch - 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 - quality 3D and 2D games, deploy them across mobile, desktop and VR/AR.
      • Wikitude
      • Lens Studio - Design-Tools/blob/master/Media/free.svg)
      • Spark AR Studio - Design-Tools/blob/master/Media/free.svg) ![mac.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/mac.svg)
      • Vuforia

    • Collaboration Tools

      • Asana
      • Basecamp
      • Freedcamp
      • Droplr
      • Excalidraw - 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 - workers.
      • Float
      • HiveDesk
      • Jira
      • Jitsi - 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)
      • Lumeer - 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 - 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 - to-use, collaborative tool to organize your ideas and projects into visual boards.
      • Mixed - time whiteboard and collaboration tools for distributed teams. ![free.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/free.svg)
      • ProofHub
      • RealtimeBoard (Miro) - functional team collaboration. It was recently renamed to Miro.
      • Slack
      • Sunsama - oriented task manager that consolidates Trello/Jira/Asana tickets into a single, calendar-oriented view.
      • Trello - based project management application that enables you to organize and prioritize your projects in a fun, flexible and rewarding way.
      • Workzone
      • zipBoard
      • Moqhub
      • Airtable
      • Mixed - time whiteboard and collaboration tools for distributed teams. ![free.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/free.svg)
      • Moqhub
      • Nextcloud - 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
      • Sunsama - oriented task manager that consolidates Trello/Jira/Asana tickets into a single, calendar-oriented view.
      • Taskade - time across the web, mobile, and desktop.
      • Wrike

    • Color Picker Tools

      • BrandColors - Design-Tools/blob/master/Media/free.svg)
      • Calcolor - 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 - Design-Tools/blob/master/Media/free.svg)
      • Color - Design-Tools/blob/master/Media/free.svg)
      • Color by Cloudflare
      • Color Deck - 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
      • Color Hex Picker - 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 - picked color palettes. ![free.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/free.svg)
      • ColorKit - Design-Tools/blob/master/Media/free.svg)
      • Color Leap - Design-Tools/blob/master/Media/free.svg)
      • Colorpicker - 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 - Design-Tools/blob/master/Media/free.svg) ![mac.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/mac.svg)
      • ColorsWall/ - Design-Tools/blob/master/Media/free.svg)
      • Colorwise - Design-Tools/blob/master/Media/free.svg)
      • Colour Cafe - Design-Tools/blob/master/Media/free.svg)
      • Coolors - 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 - to-use color palettes. ![free.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/free.svg)
      • Image Color Picker - Design-Tools/blob/master/Media/free.svg)
      • Instant Eyedropper - Design-Tools/blob/master/Media/free.svg)
      • Just Color Picker - Design-Tools/blob/master/Media/free.svg)
      • Khroma - based tool to generate color palettes based on your preferences.
      • Material Design Palette Generator - Design-Tools/blob/master/Media/free.svg) ![open-source.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/open-source.svg)
      • Picular - Design-Tools/blob/master/Media/free.svg)
      • Pigment - Design-Tools/blob/master/Media/free.svg)
      • Pikka - Design-Tools/blob/master/Media/mac.svg)
      • Sip - Design-Tools/blob/master/Media/mac.svg)
      • Skala Color - Design-Tools/blob/master/Media/free.svg) ![mac.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/mac.svg)
      • Swatches - Design-Tools/blob/master/Media/free.svg) ![mac.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/mac.svg)
      • Tint & Shade Generator - 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 - Design-Tools/blob/master/Media/free.svg)
      • Image Color Picker - Design-Tools/blob/master/Media/free.svg)
      • Calcolor - 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)
      • Color Hex Picker - 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)
      • ColorSlurp - Design-Tools/blob/master/Media/free.svg) ![mac.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/mac.svg)
      • Colour Cafe - Design-Tools/blob/master/Media/free.svg)
      • Image Color Picker - Design-Tools/blob/master/Media/free.svg)
      • Instant Eyedropper - Design-Tools/blob/master/Media/free.svg)
      • Material Colors Native - 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)
      • React Color - 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/)
      • Color Hex Picker - 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)
      • React Color - 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/)
      • Colorwise - Design-Tools/blob/master/Media/free.svg)
      • Colour Cafe - Design-Tools/blob/master/Media/free.svg)
      • Paletton - Design-Tools/blob/master/Media/free.svg)
      • Colour Cafe - Design-Tools/blob/master/Media/free.svg)

    • Design Feedback Tools

    • Design Handoff Tools

      • Zeplin
      • Sketch Measure - Design-Tools/blob/master/Media/free.svg) ![open-source.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/open-source.svg)
      • Specctr
      • Sympli

    • Design Inspiration

Programming Languages
JavaScript 10 Vala 1 TypeScript 1 HTML 1
Categories
Table of Content 815 How to Use and Contribute 5 Awesome Design Tools as a part of Flawless App family joins Abstract! 4 Uncategorized 4
Sub Categories
Design Inspiration 143 Mockup Tools 74 Animation Tools 53 Design System Tools 49 Font Tools 47 Color Picker Tools 46 Icons Tools 39 Collaboration Tools 30 Stock Photos Tools 28 Gradient Tools 27 Accessibility Tools 22 User Research Tools 20 UI Design Tools 19 Prototyping Tools 17 Screenshot Software 16 Illustrations 16 Design to Code Tools 15 Experience Monitoring 14 Logo Design 13 Sound Design 12 Pixel Art Tools 12 No Code Tools 11 Stock Videos 11 Augmented Reality 11 Wireframing Tools 11 Three D Modeling Software 11 User Flow Tools 9 Tools for Learning Design 8 Design Version Control 7 Information Architecture 5 SMM Design Tools 4 Uncategorized 4 Sketching Tools 4 Design Handoff Tools 4 Visual Debugging Tools 3 Design Feedback Tools 2 Development Tools 2
Keywords
javascript 2 react 2 design 2 blog 1 swatch 1 palette 1 hue 1 gradient 1 css 1 color 1 vala 1 ux 1 ui 1 linux 1 gtk 1 appcenter 1 wsiwyg 1 toolkit 1 inspector 1 extension 1 design-tools 1 debugging-tool 1 styleguide 1 documentation 1 spec 1 sketch-plugin 1 measurement 1 design-specs 1 sketch 1 react-component 1 photoshop 1 inline-styles 1 color-picker 1 chrome 1 sdl 1 pixelart 1 pixel art 1 GrafX2 1 C 1 tools 1 material-colors 1 material 1 macos 1 app 1 vector 1 svg 1 social-media 1 presentations 1 png 1 pictures 1