Skip to content

Latest commit

 

History

History
218 lines (184 loc) · 27.9 KB

Awesome-Design-Tools.md

File metadata and controls

218 lines (184 loc) · 27.9 KB

Table of Contents generated with DocToc

Awesome Design Tools


Collaboration Tools

  • Basecamp — the project management suite designed to organize employees, delegate tasks, and monitor progress right from one place.
  • Droplr — screenshot, file sharing and screencasts to help you capture and explain your ideas.
  • Filestage — an agile content approval software that helps you to review videos, designs, and documents with clients and co-workers.
  • Float — a tool to plan your projects and schedule your team’s time all in one place.
  • Gallery — a collaborative tool for uploading design work, getting feedback, and tracking revisions. free.svg open-source.svg
  • HiveDesk — an automatic time tracking for remote employees with screenshots. It makes it easier to monitor the productivity of remote employees and manage projects.
  • Jira — software development tool used by agile teams.
  • Milanote — an easy-to-use, collaborative tool to organize your ideas and projects into visual boards.
  • Mixed — real-time whiteboard and collaboration tools for distributed teams. free.svg
  • Moqhub — fast online proofing for creative projects. Get feedback for images and PDFs.
  • MURAL — think and collaborate visually. Anywhere, anytime.
  • ProofHub — the one place for all your projects, teams and communications.
  • RealtimeBoard (Miro) — whiteboarding platform for cross-functional team collaboration. It was recently renamed to Miro.
  • Slack — 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 — a beautifully designed, team-oriented task manager that consolidates Trello/Jira/Asana tickets into a single, calendar-oriented view.
  • Taskade — team productivity made simple, fun and designed for remote teams. Taskade is collaborative and syncs in real-time across the web, mobile, and desktop.
  • Witeboard — simple real-time whiteboard for collaboration work. free.svg
  • Workzone — a simple, powerful project management software.
  • Wrike — an online project management software that gives you full visibility and control over your tasks.
  • Zenkit — a tool to schedule meetings, track the project’s progress, and brainstorm new ideas.
  • zipBoard — an online visual bug tracking and website annotation tool
  • Zulip — 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

You can also have design collaboration into InVision Freehand tool.

Color Picker Tools

  • Color — create color schemes with the color wheel or browse thousands of color combinations from the Color community. Made by Adobe. free.svg
  • Color by Cloudflare — a tool to preview palettes against UI elements, cycle through accessible color combos and create palettes manually, via URL import, or generatively.
  • 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
  • Colorpicker — a complete and open-source color manipulation tool with picking. free.svg open-source.svg
  • ColorSlurp — the ultimate color productivity booster for designers and developers. free.svg mac.svg
  • Colorwise — search through the color palettes of the most voted products on Product Hunt. free.svg
  • Colour Cafe — colors inspiration that has selected a modern color palette on Instagram. free.svg
  • Colourcode — an online designer tool, which allows you to easily and intuitively combine colors. free.svg
  • Culrs — thoughtfully crafted and easy-to-use color palettes. free.svg
  • Geenes — a tool to create harmonious color themes with code and sketch file export.free.svg
  • Just Color Picker — Free portable offline color picker and color editor. free.svg
  • Pikka — color picker & color schemes generator for macOS. mac.svg
  • Sip — a better way to collect, organize and share colors. Global eyedropper tool for macOS. mac.svg
  • Skala Color — works with a huge variety of formats, covering everything you’re likely to need for web, iOS, Android, and macOS development. free.svg mac.svg
  • Swatches — iOS app that lets you collect, inspect and share the colors that inspire you in your daily life. free.svg mac.svg

Design Feedback Tools

  • Flawless Feedback — review and annotate iOS apps then share your feedback in Jira or Trello. mac.svg
  • GoVisually — online proofing, design review & approval software.

Design System Tools

  • Cabana — a Premium Design System for Sketch that helps you create amazing products faster than ever before.
  • Catalog — a living style guide for digital products, combining design documentation with real live components. open-source.svg
  • Design System Manager — Invision's design system manager.
  • DSK — short for “Design System Kit” – a workbench for collaboratively creating Design Systems. open-source.svg free.svg
  • Eva Design System — customizable design system, available for Sketch with Mobile and Web component libraries. open-source.svg free.svg
  • Frontify — create graphical guidelines, patterns libraries, design systems.
  • Lingo — create a shared asset library with your entire team. mac.svg
  • Lucid — tool for creating, managing and sharing a design system. From a simple component library through to detailed descriptions of your styles.
  • Modulz — design, build, document and publish your design system—without writing code.
  • Prime Design System Kit — it includes device templates, charts, UI kit and even illustration kit. mac.svg
  • Specify — a tool to create, scale and maintain a design system.
  • Symbol Design System — design System for Sketch-based on atomic elements.
  • Toolabs — design systems and components based design, prototype and development tool. It's not public yet but you can apply to the early access.

We can also add to this in Sketch, Figma, UXPin and Framer X (Framer X Team Store).

Design to Code Tools

  • Blocs — a fast, easy to use and powerful visual web design tool, that lets you create responsive websites without writing code. mac.svg
  • Bootstrap Studio — a powerful web design tool for creating responsive websites using the Bootstrap framework.
  • Draftbit — visually design and build mobile apps directly from your browser.
  • PageCloud — the fastest and most customizable website builder that allows anyone to create their ideal website.
  • PaintCode — vector drawing app that instantly converts drawings into Swift, Objective-C, JavaScript or Java code. mac.svg
  • Pinegrow — a professional visual editor for CSS Grid, Bootstrap 4 and 3, Foundation, responsive design, HTML, and CSS.
  • px.div — a proper site build tool for developers and designers.
  • Readymag — a visually-pleasing tool for designing on the web from landing pages to multimedia long-reads, presentations and portfolios.
  • Sparkle — the easiest way to make a real website, no code, no jargon. mac.svg
  • STUDIO — design from scratch, collaborate in real-time and publish websites.
  • Supernova Studio — import designs from Sketch and convert them into Android, iOS or React Native code.

Information Architecture

  • DYNO Mapper — organize website projects using visual sitemaps, content inventory, content audit, content planning, daily keyword tracking, and website accessibility testing.
  • OmniGraffle — сreate beautiful diagrams and designs with this powerful and easy to use app.mac.svg
  • OptimalSort — card sorting tool that allows you to understand how people categorize content in your UI.
  • Treejack — upload your proposed sitemap to see how a user would move through your site.
  • WriteMaps — create sitemaps that impress! Plan out the pages and content for your next website project in a visual, fun, and beautiful manner.

Prototyping Tools

  • Alva — create living prototypes with code components. It's also open source. free.svg open-source.svg
  • Axure RP — wireframing, prototyping, collaboration & specifications generation.
  • SAP Build — a complete set of cloud‑based tools to design and build your enterprise app.
  • Creo — prototyping, code exporting and built-in mobile app builder. mac.svg
  • Drama — prototype, animate and design in a single Mac app. mac.svg
  • InVision — prototyping, collaboration & workflow platform. free.svg
  • Flinto — a Mac app for creating interactive and animated prototypes of app designs.
  • Framer X — a tool to visually design realistic interactive prototypes. mac.svg
  • Keynote — the built-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" to verify design concepts). free.svg mac.svg
  • Lightwell — visual tool and SDK to build mobile layouts and animations that translate into native iOS elements. mac.svg
  • Marvel App — the collaborative design platform. Wireframe, prototype, design online and create design specs in one place.
  • Maze — a tool for designers and developers that gives analytical results with actionable KPIs for your Invision prototypes.
  • Principle — makes it easy to design animated and interactive user interfaces. mac.svg
  • ProtoPie — piece hi-fi interactions together, build sensor-aided prototypes and share your amazing creations in a matter of minutes.
  • Proto.io — a tool to create fully-interactive high-fidelity prototypes that look and work exactly as your app should.
  • Prott — an easy to use and intuitive prototyping tool, promotes team collaboration.
  • Uizard — transform wireframes into high-fidelity interactive prototypes, customize style systems, export to Sketch, export to HTML/CSS code. free.svg
  • Useberry — a usability testing tool that allows importing prototypes from InVision, AdodeXD, Sketch, Marvel and getting users’ behavior insights with heatmaps, video recordings, user flows, time bars and answers of follow-up questions.
  • UXPin — build prototypes that feel real, with powers of code components, logic, states, and design systems. free.svg

Sound Design

  • Appsounds — UI Sound packs for apps, games, and any product.
  • AudioJungle — 836,206 tracks and sounds from the community of musicians and sound engineers.
  • Max — connect objects with virtual patch cords to create interactive sounds, graphics, and custom effects.
  • Reaper — import any audio and MIDI, synthesize, sample, compose, arrange, edit, mix, and master songs or any other audio projects.
  • Sonic Pi — a live coding music synth. open-source.svg free.svg
  • SoundKit — a UI sound library designed for all of your interface needs.
  • UI Sounds — learn sound design for user interfaces by example.
  • Wistia Music — download some free background tracks to add energy and emotion to your videos. free.svg
  • WOWA — download royalty-free music for YouTube videos, podcasts, and apps. No copyright CC0. Music inspired by Unsplash. free.svg
  • YouTube Audio Library — browse and download free music for your project. free.svg

Stock Videos

  • Mazwai — great collection of free creative commons HD video clips & footages. free.svg
  • 123RF — over 100,000 daily new content & 24/7 online support.

Tools for Learning Design

  • Design Better — discover the best practices, stories, and insights from the world’s top design teams and leaders. free.svg
  • Design+Code — complete courses about the best tools and design systems.
  • DesignerUp — a collection of self-paced courses and mentorship to help you master Product Design (UI/UX).
  • Figma Training — a crash course all about Figma, for UI designers.
  • Interaction Design Foundation — a website that is the industry well known for learning UX/UI skills.
  • Learn UX — a complete approach to learning UI & UX Tools.
  • Sketch Master — a collection of video training courses for professionals learning Sketch.

UI Design Tools

  • Affinity Designer — a vector graphics editor for macOS, iOS, and Microsoft Windows.
  • Botmock — design, prototype, and test voice and text conversational apps. Supports multiple platforms.
  • CleverBrush — a browser-based online vector editor and digital publishing tool which is possible to integrate to the page as JS component.
  • Figma — a design tool based in the browser, that allows to design and prototype with real-time collaboration.
  • Gravit — a free vector design app, available for macOS, Windows, Linux, ChromeOS, and browser. free.svg
  • Illustrator — create logos, icons, drawings, typography, and illustrations for print, web, video, and mobile. Made by Adobe.
  • Photoshop — imaging and graphic design software developed by Adobe.
  • Pixelixe — a graphic design tool built for marketers, bloggers and small businesses that needs to create stunning and unique images, graphics or static webpages in minutes. free.svg
  • Sketch — a design toolkit built for Mac. mac.svg
  • TwitPile — creates tiled images out of Twitter followers, interests and lists. free.svg
  • Voiceflow — prototype, design and deploy real apps for Amazon Alexa & Google Home.

User Research Tools

  • Appoint.ly — a web-based scheduling tool that helps to schedule meetings quickly through the integration with calendars online.
  • Crowd Signal — collect, organize and analyze data from a variety of sources, including social media and mobile.
  • Doodle — online calendar tool for time management, and coordinating events, meetings, appointments
  • Evolt — create user personas, storyboards, business model canvas, experience maps, brainstorming boards and moodboards in a clean and modern way.
  • Feedback Lite — collect high quality customer feedback using Voice of Customer solutions designed to improve your website performance and boost customer engagement.
  • GoToMeeting — a simple, extraordinarily powerful web conferencing service.
  • Handrail — end-to-end, collaborative user research and insights platform — plan research, collect and analyze data, and share your findings.
  • JotForm — create online forms, get an email for each response, collect data. free.svg
  • Lookback — remotely run, record, and take notes for your user research sessions, either with a live product or with a prototype.
  • MineTime — a free calendar app with smart scheduling and time analytics features. free.svg
  • Reflector — Reflector is a basic screen-mirroring and recording tool so you can conduct user tests remotely, using any existing wireframes or prototypes.
  • Reframer — a research tool that helps your team to capture, tag (code) and identify patterns in qualitative data across multiple research participants.
  • Sticktail — a platform for centralizing, finding and sharing user insights within your organization.
  • Survey Monkey — online survey tool to capture the voices and opinions of the people who matter most to you.
  • Typeform — use a simple drag-and-drop interface to create any kind of form, survey, or questionnaire, and even take credit card payments.
  • Wufoo — сreate forms, collect data and payments and automate your workflows.
  • YesInsights — simple one question and NPS surveys to improve your business.
  • UserBit — a platform of real-time research tools for your team. Tag/code interviews and feedback, capture insights, create personas, visual sitemaps and more.
  • User Interviews — recruit participants from a community of 125,000 members based on profession, demographics, geography and more, for any kind of research.
  • Zoom — it's one of the best online meeting services.

Visual Debugging Tools

  • LogRocket — a tool to record what users do on your site so you can reproduce bugs and fix issues faster.
  • PixelSnap — the magical way to measure everything on your screen. mac.svg
  • Visual Inspector — collaboration tool for website feedback and fixing design bugs.

Three D Modeling Software

  • Autodesk — integrated CAD, CAM, and CAE software. Unify design, engineering, and manufacturing into a single platform.
  • MatterControl — a free, open-source, all-in-one software package that lets you design, slice, organize and manage your 3D prints. free.svg open-source.svg
  • Maya — make animations, environments, motion graphics, virtual reality, and character creation, all in one toolset.
  • Onshape — a modeling software specially oriented to design technical and spare parts, was the first full-cloud 3D software created.
  • OpenSCAD — a software for creating solid 3D CAD objects. open-source.svg
  • Rhino — a curve-based 3D modeling software that creates mathematically-precise models of 3D surfaces.
  • 3D Slash — 3D modeling tool, available on all devices and all OS, online and offline.