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/weesources/awesome_design_tools

Last synced: about 7 hours ago
JSON representation

  • Table of Content

    • Animation Tools

    • Design System Tools

      • EOS Design System - source and customizable built on top of Bootstrap following the Atomic Design concept. ![open-source.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/open-source.svg)
      • Lucid
      • Lucid
      • Lucid
      • Cabana
      • Catalog - source.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/open-source.svg)
      • EOS Design System - source and customizable built on top of Bootstrap following the Atomic Design concept. ![open-source.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/open-source.svg)
      • Eva Design System - 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)
      • Interplay
      • Lingo - Design-Tools/blob/master/Media/mac.svg)
      • Lucid
      • Modulz
      • Symbol Design System - based on atomic elements.
      • Toolabs
      • Framer X Team Store
      • EOS Design System - source and customizable built on top of Bootstrap following the Atomic Design concept. ![open-source.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/open-source.svg)
      • Lucid
      • Symbol Design System - based on atomic elements.
      • Lucid
      • Lucid
      • Lucid
      • EOS Design System - source and customizable built on top of Bootstrap following the Atomic Design concept. ![open-source.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/open-source.svg)
      • Lucid
      • Lucid
      • Lucid
      • Lucid
      • Lucid
      • Lucid
      • Lucid
      • Lucid
      • Symbol Design System - based on atomic elements.
      • Lucid
      • Lucid
      • Lucid
      • Design System Manager
      • DSK - 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)
      • EOS Design System - source and customizable built on top of Bootstrap following the Atomic Design concept. ![open-source.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/open-source.svg)
      • Lucid
      • Prime Design System Kit - Design-Tools/blob/master/Media/mac.svg)
      • Specify
      • Zeroheight
      • Lucid
      • Lucid

    • Accessibility Tools

      • 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)
      • Accessibility Insights - 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)
      • Toptal’s Color Filter - Design-Tools/blob/master/Media/free.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/)
      • tota11y - Design-Tools/blob/master/Media/free.svg)
      • WAVE - Design-Tools/blob/master/Media/free.svg)
      • 90 Examples - Design-Tools/blob/master/Media/free.svg)
      • 90 Examples - Design-Tools/blob/master/Media/free.svg)
      • Visual Debugging Tools
      • Contrast Checker - Design-Tools/blob/master/Media/free.svg)
      • AChecker - Design-Tools/blob/master/Media/free.svg)
      • 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)
      • Inclusive Design
      • 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)

    • Design Inspiration

    • Augmented Reality

      • Daqri - grade augmented reality for the workforce by overlaying digital information onto the physical environment.
      • EasyAR
      • HP Reveal
      • 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)
      • Layar
      • Spark AR Studio - Design-Tools/blob/master/Media/free.svg) ![mac.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/mac.svg)

    • Three D Modeling Software

      • Vectary
      • Autodesk
      • Blender - source 3D Creation Software. ![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)
      • MatterControl - source, all-in-one software package that lets you design, slice, organize and manage your 3D prints. ![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)
      • Maya
      • Rhino - based 3D modeling software that creates mathematically-precise models of 3D surfaces.
      • FreeCAD - source multiplatform 3D parametric modeler. ![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)

    • 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.
      • ProofHub
      • RealtimeBoard (Miro) - functional team collaboration. It was recently renamed to Miro.
      • Slack
      • Trello - based project management application that enables you to organize and prioritize your projects in a fun, flexible and rewarding way.
      • Workzone
      • Airtable
      • Gallery - Design-Tools/blob/master/Media/free.svg) ![open-source.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/open-source.svg)
      • 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
      • Moqhub
      • Moqhub
      • MURAL
      • Witeboard - time whiteboard for collaboration work. ![free.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/free.svg)
      • InVision Freehand

    • Color Picker Tools

      • BrandColors - 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)
      • 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)
      • ColorsWall/ - 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)
      • 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)
      • 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)
      • 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/)
      • Image Color Picker - Design-Tools/blob/master/Media/free.svg)
      • Colour Cafe - Design-Tools/blob/master/Media/free.svg)
      • Colourcode - Design-Tools/blob/master/Media/free.svg)
      • ColorKit - Design-Tools/blob/master/Media/free.svg)
      • Color Leap - Design-Tools/blob/master/Media/free.svg)
      • Colorwise - Design-Tools/blob/master/Media/free.svg)
      • Colour Cafe - Design-Tools/blob/master/Media/free.svg)
      • Pikka - Design-Tools/blob/master/Media/mac.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)
      • 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/)

    • Design Feedback Tools

    • Design Handoff Tools

    • Design to Code Tools

      • Anima - Design-Tools/blob/master/Media/mac.svg)
      • Blocs - Design-Tools/blob/master/Media/mac.svg)
      • Bootstrap Studio
      • Draftbit
      • EasyLogic Studio - Design-Tools/blob/master/Media/free.svg) ![open-source.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/open-source.svg)
      • Grapedrop
      • Mobirise - Design-Tools/blob/master/Media/free.svg)
      • PageCloud
      • Pinegrow
      • px.div
      • Readymag - pleasing tool for designing on the web from landing pages to multimedia long-reads, presentations and portfolios.
      • STUDIO - time and publish websites.
      • Tilda
      • Wix - featured website builder, that allows you to create your own highly customized site.
      • Webflow
      • PaintCode - C, JavaScript or Java code. ![mac.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/mac.svg)
      • Supernova Studio

    • Design Version Control

      • Kactus - 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)
      • Plant - Design-Tools/blob/master/Media/mac.svg)
      • Relay for Figma
      • Folio - Design-Tools/blob/master/Media/mac.svg)
      • Versions
      • Abstract

    • Development Tools

      • Firefox developer edition - Design-Tools/blob/master/Media/free.svg)
      • Styleguidist - 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)
      • Storybook - 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)
      • Blisk

    • Experience Monitoring

      • Amplitude
      • Chalkmark - oriented success rates by getting quick feedback on designs before you implement.
      • Fathom
      • FullStory - to-use platform.
      • Google Analytics - Design-Tools/blob/master/Media/free.svg)
      • Heatly - Design-Tools/blob/master/Media/free.svg)
      • Hotjar
      • Inspectlet
      • Mixpanel - centric data to make smarter decisions and act faster based on how customers use your product or website.
      • Mouseflow
      • Pendo
      • LogRocket
      • Chalkmark - oriented success rates by getting quick feedback on designs before you implement.
      • LiveSession - high-quality user's session replay analytics.
      • Usabilla - proof customer experiences by asking the right questions at the right time.

    • Font Tools

      • BeFonts - Design-Tools/blob/master/Media/free.svg)
      • Emotype - Design-Tools/blob/master/Media/free.svg)
      • Fontbase - Design-Tools/blob/master/Media/free.svg)
      • FontFabric - Design-Tools/blob/master/Media/free.svg)
      • Fontface Ninja
      • Fontown
      • Fonts - Design-Tools/blob/master/Media/free.svg)
      • Fonts Arena - quality free fonts, done-for-you research articles, free alternatives to premium fonts, news, and more. ![free.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/free.svg)
      • FontGet - Design-Tools/blob/master/Media/free.svg)
      • Fontown
      • FontPair - Design-Tools/blob/master/Media/free.svg)
      • Fontown
      • LostType - What-You-Want type foundry.
      • FontSpark - Design-Tools/blob/master/Media/free.svg)
      • FontSpark - Design-Tools/blob/master/Media/free.svg)
      • Font Squirrel - Design-Tools/blob/master/Media/free.svg)
      • Google Fonts - Design-Tools/blob/master/Media/free.svg)
      • LostType - What-You-Want type foundry.
      • Measure - Design-Tools/blob/master/Media/free.svg)
      • RightFont - Design-Tools/blob/master/Media/mac.svg)
      • Sans Forgetica - Design-Tools/blob/master/Media/free.svg)
      • Size Calculator - Design-Tools/blob/master/Media/free.svg)
      • Typeface - Design-Tools/blob/master/Media/mac.svg)
      • Wakamai Fondue - Design-Tools/blob/master/Media/free.svg)
      • Webfont - Design-Tools/blob/master/Media/free.svg) ![mac.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/mac.svg)
      • WordMarkIt - Design-Tools/blob/master/Media/free.svg)
      • FontSpark - Design-Tools/blob/master/Media/free.svg)
      • FontSpark - Design-Tools/blob/master/Media/free.svg)
      • Fontown
      • FontSpark - Design-Tools/blob/master/Media/free.svg)
      • FontSpark - Design-Tools/blob/master/Media/free.svg)
      • FontSpark - Design-Tools/blob/master/Media/free.svg)
      • Fontown
      • Fontown
      • Fontown
      • Google Webfonts Helper - host Google Fonts. 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/majodev/google-webfonts-helper/)
      • Fontown
      • Fontown
      • Fontown
      • Fontown
      • Fontown
      • Behance Free Fonts - Design-Tools/blob/master/Media/free.svg)
      • Measure - Design-Tools/blob/master/Media/free.svg)
      • Size Calculator - Design-Tools/blob/master/Media/free.svg)
      • Web Font Preview - 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/jonaskay/webfontpreview)
      • Fontown

    • Mockup Tools

    • Gradient Tools

      • CoolHue - Design-Tools/blob/master/Media/free.svg)
      • Gradients Guru - Design-Tools/blob/master/Media/free.svg)
      • Blend - Design-Tools/blob/master/Media/free.svg)
      • Colors & Fonts - Design-Tools/blob/master/Media/free.svg)
      • ColorSpace - Design-Tools/blob/master/Media/free.svg)
      • ColorSpark - Design-Tools/blob/master/Media/free.svg)
      • Cool Backgrounds
      • CSS Gradient - Design-Tools/blob/master/Media/free.svg)
      • Egg Gradients - Design-Tools/blob/master/Media/free.svg)
      • Grabient - Design-Tools/blob/master/Media/free.svg)
      • Gradienta - Design-Tools/blob/master/Media/free.svg)
      • Gradient Generator - Design-Tools/blob/master/Media/free.svg)
      • Gradient Hunt - made color gradients. ![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)
      • Gradients Guru - Design-Tools/blob/master/Media/free.svg)
      • HtmlColours - Design-Tools/blob/master/Media/free.svg)
      • UI Gradients - Design-Tools/blob/master/Media/free.svg)
      • Web Gradients - Design-Tools/blob/master/Media/free.svg)
      • Colorffy - Design-Tools/blob/master/Media/free.svg)

    • Icons Tools

      • Freepik
      • Streamline Emoji - Design-Tools/blob/master/Media/free.svg)
      • Svgsus - Design-Tools/blob/master/Media/mac.svg)
      • Iconscout - quality Icons, Illustrations and Stock photos at one place.
      • CoreUI Icons - source.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/open-source.svg)
      • Essential Glyphs - shaped icons. Adapted for small and large sizes. ![free.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/free.svg)
      • Feather Icons - Design-Tools/blob/master/Media/free.svg) ![open-source.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/open-source.svg)
      • Flaticon
      • Font Awesome - source.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/open-source.svg)](https://github.com/FortAwesome/Font-Awesome)
      • Iconmonstr - Design-Tools/blob/master/Media/free.svg)
      • Iconset - platform and fast SVG icon organizer working on Mac and Windows. ![free.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/free.svg)
      • Icon Store - class designers. ![free.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/free.svg)
      • ICONSVG - Design-Tools/blob/master/Media/free.svg)
      • Icons8 - Design-Tools/blob/master/Media/free.svg)
      • illustrio - Design-Tools/blob/master/Media/free.svg)
      • Norde Source - Design-Tools/blob/master/Media/free.svg)
      • Noun Project
      • Nucleo - Design-Tools/blob/master/Media/free.svg)
      • Simple Icons - Design-Tools/blob/master/Media/free.svg)
      • Share Icon - Design-Tools/blob/master/Media/free.svg)
      • Svgsus - Design-Tools/blob/master/Media/mac.svg)
      • SVG Colorizer - Design-Tools/blob/master/Media/free.svg)
      • SVGRepo
      • Tilda Icons - Design-Tools/blob/master/Media/free.svg)
      • Twemoji - source emoji has you covered for all your project's emoji needs. ![free.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/free.svg)
      • Unicons - perfect vector icons for your next project. ![free.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/free.svg)
      • VisualPharm - fast search and free Coke. Built for fun by Icons8. ![free.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/free.svg)
      • Xicons - Design-Tools/blob/master/Media/free.svg)
      • Zwicon - Design-Tools/blob/master/Media/free.svg)
      • Animaticons - resolution, animated GIF icons that you can customize.
      • Fontello - 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/fontello/fontello)
      • IconJar - Design-Tools/blob/master/Media/mac.svg)
      • Material Design Icons - Design-Tools/blob/master/Media/free.svg) ![open-source.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/open-source.svg)
      • Material Icons Library - Design-Tools/blob/master/Media/free.svg)
      • Motion
      • Iconfinder

    • Illustrations

      • Mega Doodles Pack - drawn doodles for presentations, social media, blog posts and so on. ![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)
      • Ouch - Design-Tools/blob/master/Media/free.svg)
      • Blobmaker - Design-Tools/blob/master/Media/free.svg)
      • Blush - Design-Tools/blob/master/Media/free.svg) ![Figma](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/figma.svg)
      • Humaaans - &-match illustrations of people. ![free.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/free.svg)
      • Illustration by Pngtree
      • IRA Design - drawn sketch components, a cool selection of 5 gradients and ai., svg. or png. formats. ![free.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/free.svg)
      • JoeSchmoe - Design-Tools/blob/master/Media/free.svg)
      • LukaszAdam - Design-Tools/blob/master/Media/free.svg)
      • Open Doodles - Design-Tools/blob/master/Media/free.svg)
      • Squircley - all you need to start creating beautiful SVG squircles. ![open-source.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/open-source.svg)
      • Wannapik - Design-Tools/blob/master/Media/free.svg)
      • ManyPixels - free illustrations to power up your projects. ![free.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/free.svg)
      • unDraw - Design-Tools/blob/master/Media/free.svg)

    • No Code Tools

      • Retool
      • Bubble
      • Carrd - page sites for pretty much anything. ![free.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/free.svg)
      • sheet2api
      • Sheet2Site
      • Shopify - commerce and point of sale features you need to start, run, and grow your business.
      • Thunkable - and-drop tool for anyone to build native mobile apps.
      • UserGuiding
      • Coda - Design-Tools/blob/master/Media/free.svg)
      • Kodika.io - Design-Tools/blob/master/Media/mac.svg)
      • PageXL - page website builder for quickly creating landing pages and online stores. ![free.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/free.svg)

    • Pixel Art Tools

      • Data Pixels - Design-Tools/blob/master/Media/free.svg) ![open-source.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/open-source.svg)
      • Draw! - source and free web-based pixel art and GIF editor. ![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)
      • Grafx2 - color drawing. ![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)
      • Goya - art editor built on ClojureScript and Om. ![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)
      • Aseprite - source.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/open-source.svg)
      • Draw! - source and free web-based pixel art and GIF editor. ![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)
      • GraphicsGale - art specific features, including palette control, selectively erasing colors, and tools for quickly replacing and trying new colors. ![free.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/free.svg)
      • Make 8 bit art - browser pixel art drawing 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)](https://github.com/jennschiffer/make8bitart)
      • Piskel - Design-Tools/blob/master/Media/free.svg) ![open-source.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/open-source.svg)
      • Poxi - Design-Tools/blob/master/Media/free.svg) ![open-source.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/open-source.svg)
      • Pyxel Edit - Design-Tools/blob/master/Media/free.svg) ![open-source.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/open-source.svg)
      • Pixel art to CSS - Design-Tools/blob/master/Media/free.svg) ![open-source.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/open-source.svg)

    • Prototyping Tools

      • Prott
      • Axure RP
      • SAP Build
      • Creo - in mobile app builder. ![mac.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/mac.svg)
      • Drama - Design-Tools/blob/master/Media/mac.svg)
      • Flinto
      • Marvel App
      • Origami - Design-Tools/blob/master/Media/free.svg) ![mac.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/mac.svg)
      • Pencil - in components that people can easily install and use to create mockups in popular desktop platforms. ![open-source.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/open-source.svg)
      • Principle - Design-Tools/blob/master/Media/mac.svg)
      • ProtoPie - fi interactions together, build sensor-aided prototypes and share your amazing creations in a matter of minutes.
      • Proto.io - interactive high-fidelity prototypes that look and work exactly as your app should.
      • Prott
      • Uizard - fidelity interactive prototypes, customize style systems, export to Sketch, export to HTML/CSS code. ![free.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/free.svg)
      • Useberry - up questions.
      • UXPin - Design-Tools/blob/master/Media/free.svg)
      • Alva - 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/meetalva/alva)
      • Keynote - in Mac app for creating presentations that can also be used for quick prototyping (see how Apple designers use it in the WWDC 2014 session "[Prototyping: Fake It Till You Make It](https://developer.apple.com/videos/play/wwdc2014/223/)" to verify design concepts). ![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)
      • Lightwell - Design-Tools/blob/master/Media/mac.svg)

    • Screenshot Software

      • Lighshot - Design-Tools/blob/master/Media/free.svg)
      • Collabshot - time with your coworkers. ![free.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/free.svg)
      • Giphy Capture - Design-Tools/blob/master/Media/free.svg) ![mac.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/mac.svg)
      • Greenshot - Design-Tools/blob/master/Media/free.svg)
      • OBS - Design-Tools/blob/master/Media/free.svg) ![open-source.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/open-source.svg)
      • Screenie - Design-Tools/blob/master/Media/mac.svg)
      • ScreenToGif - 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/wulkano/kap)
      • ShareX - Design-Tools/blob/master/Media/free.svg) ![open-source.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/open-source.svg)
      • Snappy - Design-Tools/blob/master/Media/free.svg) ![mac.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/mac.svg)
      • Monosnap - Design-Tools/blob/master/Media/free.svg)
      • CleanShot - in annotation tool and Quick Access Overlay. ![mac.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/mac.svg)
      • CloudApp
      • Gifox - Design-Tools/blob/master/Media/mac.svg)
      • Kap - 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/wulkano/kap) ![mac.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/mac.svg)
      • Lighshot - Design-Tools/blob/master/Media/free.svg)
      • Monosnap - Design-Tools/blob/master/Media/free.svg)
      • Quicktime - Design-Tools/blob/master/Media/free.svg) ![mac.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/mac.svg)
      • ScreenFlow
      • Snagit

    • Sound Design

      • Reaper
      • Appsounds
      • AudioJungle
      • Bensound - Design-Tools/blob/master/Media/free.svg)
      • Freesound - Design-Tools/blob/master/Media/free.svg)
      • Fugue Music - Design-Tools/blob/master/Media/free.svg)
      • Sonic Pi - 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)
      • SoundKit
      • UI Sounds
      • Wistia Music - Design-Tools/blob/master/Media/free.svg)
      • WOWA - free music for YouTube videos, podcasts, and apps. No copyright CC0. Music inspired by Unsplash. ![free.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/free.svg)
      • YouTube Audio Library - Design-Tools/blob/master/Media/free.svg)
      • Reaper

    • Stock Photos Tools

      • FoodiesFeed - Design-Tools/blob/master/Media/free.svg)
      • Moose - Design-Tools/blob/master/Media/free.svg)
      • Duotone - Design-Tools/blob/master/Media/free.svg)
      • FreePhotos.cc - Design-Tools/blob/master/Media/free.svg)
      • Jay Mantri - Design-Tools/blob/master/Media/free.svg)
      • Kaboom Pics - Design-Tools/blob/master/Media/free.svg)
      • Life of Pix - resolution photos, created by the LEEROY team. ![free.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/free.svg)
      • LoremPixel - generated content. ![free.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/free.svg)
      • Magdeleine - quality stock photos for your inspiration. ![free.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/free.svg)
      • New Old Stock - Design-Tools/blob/master/Media/free.svg)
      • Pexels - Design-Tools/blob/master/Media/free.svg)
      • Picography - Design-Tools/blob/master/Media/free.svg)
      • Pngtree - Design-Tools/blob/master/Media/free.svg)
      • pxhere - Design-Tools/blob/master/Media/free.svg)
      • Reshot - Design-Tools/blob/master/Media/free.svg)
      • ShotStash - resolution CC0 photos and videos. ![free.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/free.svg)
      • SkitterPhoto - Design-Tools/blob/master/Media/free.svg)
      • StockSnap.io - resolution images. ![free.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/free.svg)
      • StyledStock - Design-Tools/blob/master/Media/free.svg)
      • UI Faces - Design-Tools/blob/master/Media/free.svg)
      • #WOCinTech Chat Photos - Design-Tools/blob/master/Media/free.svg)
      • The Gender Spectrum Collection - binary models that go beyond the clichés. ![free.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/free.svg)
      • Death to Stock - for stock photo service with a mailing list for occasional free packs, and a focus on not looking like stock photography.
      • Freestocks.org - Design-Tools/blob/master/Media/free.svg)
      • Gratisography - resolution pictures. ![free.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/free.svg)
      • LandingStock - Design-Tools/blob/master/Media/free.svg)
      • Photo Creator - Design-Tools/blob/master/Media/free.svg)
      • Startup Stock Photos - Design-Tools/blob/master/Media/free.svg)

    • Stock Videos

      • Mazwai - Design-Tools/blob/master/Media/free.svg)
      • Coverr - Design-Tools/blob/master/Media/free.svg)
      • Mixkit - Design-Tools/blob/master/Media/free.svg)
      • Motion Places - Design-Tools/blob/master/Media/free.svg)
      • Pexels Videos - Design-Tools/blob/master/Media/free.svg)
      • Videezy
      • Videvo - Design-Tools/blob/master/Media/free.svg)
      • 123RF
      • Pixabay - free stock videos and photos shared by their community of creators. ![free.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/free.svg)
      • Life of Vids - Design-Tools/blob/master/Media/free.svg)

    • UI Design Tools

      • Akira - source.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/open-source.svg)
      • Sketch - Design-Tools/blob/master/Media/mac.svg)
      • Affinity Designer
      • Botmock
      • CleverBrush - based online vector editor and digital publishing tool which is possible to integrate to the page as JS component.
      • Figma - time collaboration.
      • GIMP - source imaging and graphic design software. ![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)
      • Gravit - Design-Tools/blob/master/Media/free.svg)
      • Illustrator
      • Inkscape - source vector graphics editor. It can create or edit vector graphics such as illustrations, diagrams, line arts, charts, logos, and complex paintings. ![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)
      • Krita - Design-Tools/blob/master/Media/free.svg) ![open-source.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/open-source.svg)
      • Lunacy - Design-Tools/blob/master/Media/free.svg)
      • Photopea - based graphic design app alternative to Photoshop. ![free.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/free.svg)
      • Photoshop
      • TwitPile - Design-Tools/blob/master/Media/free.svg)
      • Vectr - platform tool to create vector graphics easily and intuitively. ![free.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/free.svg)

    • User Research Tools

    • Visual Debugging Tools

      • VisBug - source.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/open-source.svg)](https://github.com/GoogleChromeLabs/ProjectVisBug) ![free.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/free.svg)
      • LogRocket
      • Visual Inspector

    • Wireframing Tools

      • Gridzzly - Design-Tools/blob/master/Media/free.svg)
      • Balsamiq Cloud
      • Gliffy
      • Gridzzly - Design-Tools/blob/master/Media/free.svg)
      • Layoutit - off for your front-end developments. ![free.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/free.svg)
      • Pidoco - through wireframes and fully interactive UX prototypes.
      • Wireframe.cc - Design-Tools/blob/master/Media/free.svg)
      • 1200px Grid System - pixel style.
      • BLOKK - ups and wireframing for clients who do not understand Latin. ![free.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/free.svg)
      • CSS Grid Builder - Design-Tools/blob/master/Media/free.svg)

    • Information Architecture

    • Sketching Tools

      • Responsive Sketchsheets - design templates. These will automatically adapt their layout to any screen size and include neat features. ![free.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/free.svg)
      • Sketchsheets - 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/rnarrkus/sketchsheets)
      • Sneakpeekit - Design-Tools/blob/master/Media/free.svg)

    • SMM Design Tools

    • Tools for Learning Design

    • User Flow Tools

      • Google Drawings - Design-Tools/blob/master/Media/free.svg)
      • NinjaMock
      • Overflow
      • Sketch.systems - Design-Tools/blob/master/Media/free.svg)
      • SQUID - Design-Tools/blob/master/Media/mac.svg)
      • WebSequenceDiagrams - Design-Tools/blob/master/Media/free.svg)
      • XMind: ZEN - chart. Link topics with other charts.
      • yEd - layout helps a lot when making flowcharts. ![free.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/free.svg)
      • Flowmapp
      • Wireflow - source.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/open-source.svg)](https://github.com/vanila-io/wireflow) ![free.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/free.svg)

  • How to Use and Contribute

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

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

  • Uncategorized

Programming Languages
JavaScript 10 Vala 1 TypeScript 1 HTML 1
Categories
Table of Content 722 How to Use and Contribute 4 Awesome Design Tools as a part of Flawless App family joins Abstract! 3 Uncategorized 2
Sub Categories
Design Inspiration 101 Mockup Tools 59 Font Tools 46 Design System Tools 43 Animation Tools 41 Color Picker Tools 40 Icons Tools 36 Collaboration Tools 32 Stock Photos Tools 28 Accessibility Tools 22 Screenshot Software 19 User Research Tools 19 Prototyping Tools 19 Gradient Tools 18 Design to Code Tools 17 UI Design Tools 16 Experience Monitoring 15 Illustrations 14 Sound Design 13 Logo Design 12 Pixel Art Tools 12 No Code Tools 11 Augmented Reality 11 User Flow Tools 10 Stock Videos 10 Wireframing Tools 10 Tools for Learning Design 7 Three D Modeling Software 7 Information Architecture 6 Design Version Control 6 Design Handoff Tools 6 SMM Design Tools 4 Development Tools 4 Sketching Tools 3 Visual Debugging Tools 3 Design Feedback Tools 2 Uncategorized 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