mirror of
https://github.com/whoisdsmith/BOOKMRKS-MTHRFCKR.git
synced 2025-04-29 14:14:37 +02:00
218 lines
28 KiB
Markdown
218 lines
28 KiB
Markdown
<!-- START doctoc generated TOC please keep comment here to allow auto update -->
|
||
<!-- DON'T EDIT THIS SECTION, INSTEAD RE-RUN doctoc TO UPDATE -->
|
||
**Table of Contents** *generated with [DocToc](https://github.com/thlorenz/doctoc)*
|
||
|
||
- [Awesome Design Tools](#awesome-design-tools)
|
||
- [Collaboration Tools](#collaboration-tools)
|
||
- [Color Picker Tools](#color-picker-tools)
|
||
- [Design Feedback Tools](#design-feedback-tools)
|
||
- [Design System Tools](#design-system-tools)
|
||
- [Design to Code Tools](#design-to-code-tools)
|
||
- [Information Architecture](#information-architecture)
|
||
- [Prototyping Tools](#prototyping-tools)
|
||
- [Sound Design](#sound-design)
|
||
- [Stock Videos](#stock-videos)
|
||
- [Tools for Learning Design](#tools-for-learning-design)
|
||
- [UI Design Tools](#ui-design-tools)
|
||
- [User Research Tools](#user-research-tools)
|
||
- [Visual Debugging Tools](#visual-debugging-tools)
|
||
- [Three D Modeling Software](#three-d-modeling-software)
|
||
|
||
<!-- END doctoc generated TOC please keep comment here to allow auto update -->
|
||
|
||
# Awesome Design Tools
|
||
|
||
---
|
||
|
||
## Collaboration Tools
|
||
|
||
- [Basecamp](https://basecamp.com/) — the project management suite designed to organize employees, delegate tasks, and monitor progress right from one place.
|
||
- [Droplr](https://droplr.com/) — screenshot, file sharing and screencasts to help you capture and explain your ideas.
|
||
- [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.  
|
||
- [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.
|
||
- [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. 
|
||
- [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.
|
||
- [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.
|
||
- [Witeboard](https://www.witeboard.com/) — simple real-time whiteboard for collaboration work. 
|
||
- [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. 
|
||
|
||
You can also have design collaboration into [InVision Freehand](https://www.invisionapp.com/feature/freehand) tool.
|
||
|
||
## Color Picker Tools
|
||
|
||
- [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. 
|
||
- [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 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. 
|
||
- [Colorpicker](https://colorpicker.crea-th.at/) — a complete and open-source color manipulation tool with picking.  
|
||
- [ColorSlurp](http://colorslurp.com/) — the ultimate color productivity booster for designers and developers.  
|
||
- [Colorwise](https://www.colorwise.io/) — search through the color palettes of the most voted products on Product Hunt. 
|
||
- [Colour Cafe](https://www.instagram.com/colours.cafe/) — colors inspiration that has selected a modern color palette on Instagram. 
|
||
- [Colourcode](https://colourco.de/) — an online designer tool, which allows you to easily and intuitively combine colors. 
|
||
- [Culrs](https://culrs.com/#/) — thoughtfully crafted and easy-to-use color palettes. 
|
||
- [Geenes](https://geenes.app/) — a tool to create harmonious color themes with code and sketch file export.
|
||
- [Just Color Picker](http://annystudio.com/software/colorpicker/) — Free portable offline color picker and color editor. 
|
||
- [Pikka](https://itunes.apple.com/us/app/pikka-color-picker/id1195076754) — color picker & color schemes generator for macOS. 
|
||
- [Sip](https://sipapp.io/) — a better way to collect, organize and share colors. Global eyedropper tool for macOS. 
|
||
- [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.  
|
||
- [Swatches](https://swatchesapp.io/) — iOS app that lets you collect, inspect and share the colors that inspire you in your daily life.  
|
||
|
||
## Design Feedback Tools
|
||
|
||
- [Flawless Feedback](https://flawlessapp.io/feedback) — review and annotate iOS apps then share your feedback in Jira or Trello. 
|
||
- [GoVisually](https://govisually.com/) — online proofing, design review & approval software.
|
||
|
||
## Design System Tools
|
||
|
||
- [Cabana](https://cabanadesignsystem.com/) — a Premium Design System for Sketch that helps you create amazing products faster than ever before.
|
||
- [Catalog](https://www.catalog.style/) — a living style guide for digital products, combining design documentation with real live components. 
|
||
- [Design System Manager](https://www.invisionapp.com/design-system-manager/) — Invision's design system manager.
|
||
- [DSK](https://rundsk.com/) — short for “Design System Kit” – a workbench for collaboratively creating Design Systems.  
|
||
- [Eva Design System](https://eva.design/) — customizable design system, available for Sketch with Mobile and Web component libraries.  
|
||
- [Frontify](https://frontify.com/) — create graphical guidelines, patterns libraries, design systems.
|
||
- [Lingo](https://www.lingoapp.com/) — create a shared asset library with your entire team. 
|
||
- [Lucid](https://lucid.style/) — tool for creating, managing and sharing a design system. From a simple component library through to detailed descriptions of your styles.
|
||
- [Modulz](https://www.modulz.app/) — design, build, document and publish your design system—without writing code.
|
||
- [Prime Design System Kit](https://www.primedesignsystem.com/) — it includes device templates, charts, UI kit and even illustration kit. 
|
||
- [Specify](https://www.specifyapp.com/) — a tool to create, scale and maintain a design system.
|
||
- [Symbol Design System](https://symboldesign.co/) — design System for Sketch-based on atomic elements.
|
||
- [Toolabs](https://www.toolabs.com/) — 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](https://www.framer.com/design-systems/)).
|
||
|
||
## Design to Code Tools
|
||
|
||
- [Blocs](https://blocsapp.com/) — a fast, easy to use and powerful visual web design tool, that lets you create responsive websites without writing code. 
|
||
- [Bootstrap Studio](https://bootstrapstudio.io/) — a powerful web design tool for creating responsive websites using the Bootstrap framework.
|
||
- [Draftbit](https://draftbit.com/) — visually design and build mobile apps directly from your browser.
|
||
- [PageCloud](https://www.pagecloud.com/) — the fastest and most customizable website builder that allows anyone to create their ideal website.
|
||
- [PaintCode](https://www.paintcodeapp.com/) — vector drawing app that instantly converts drawings into Swift, Objective-C, JavaScript or Java code. 
|
||
- [Pinegrow](https://pinegrow.com/) — a professional visual editor for CSS Grid, Bootstrap 4 and 3, Foundation, responsive design, HTML, and CSS.
|
||
- [px.div](https://www.pxdiv.com/) — a proper site build tool for developers and designers.
|
||
- [Readymag](https://readymag.com/) — a visually-pleasing tool for designing on the web from landing pages to multimedia long-reads, presentations and portfolios.
|
||
- [Sparkle](https://sparkleapp.com/) — the easiest way to make a real website, no code, no jargon. 
|
||
- [STUDIO](https://studio.design/) — design from scratch, collaborate in real-time and publish websites.
|
||
- [Supernova Studio](https://supernova.io/) — import designs from Sketch and convert them into Android, iOS or React Native code.
|
||
|
||
## Information Architecture
|
||
|
||
- [DYNO Mapper](https://dynomapper.com/) — organize website projects using visual sitemaps, content inventory, content audit, content planning, daily keyword tracking, and website accessibility testing.
|
||
- [OmniGraffle](https://www.omnigroup.com/omnigraffle/) — сreate beautiful diagrams and designs with this powerful and easy to use app.
|
||
- [OptimalSort](https://www.optimalworkshop.com/optimalsort) — card sorting tool that allows you to understand how people categorize content in your UI.
|
||
- [Treejack](https://www.optimalworkshop.com/treejack) — upload your proposed sitemap to see how a user would move through your site.
|
||
- [WriteMaps](https://writemaps.com/) — 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](https://www.meetalva.io/) — create living prototypes with code components. It's also open source.  [](https://github.com/meetalva/alva)
|
||
- [Axure RP](https://www.axure.com/) — wireframing, prototyping, collaboration & specifications generation.
|
||
- [SAP Build](https://www.build.me/) — a complete set of cloud‑based tools to design and build your enterprise app.
|
||
- [Creo](https://creolabs.com/) — prototyping, code exporting and built-in mobile app builder. 
|
||
- [Drama](https://www.drama.app/) — prototype, animate and design in a single Mac app. 
|
||
- [InVision](https://www.invisionapp.com/) — prototyping, collaboration & workflow platform. 
|
||
- [Flinto](https://www.flinto.com/) — a Mac app for creating interactive and animated prototypes of app designs.
|
||
- [Framer X](https://framer.com/) — a tool to visually design realistic interactive prototypes. 
|
||
- [Keynote](https://www.apple.com/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](https://developer.apple.com/videos/play/wwdc2014/223/)" to verify design concepts).  
|
||
- [Lightwell](https://lightwell.pro/) — visual tool and SDK to build mobile layouts and animations that translate into native iOS elements. 
|
||
- [Marvel App](https://marvelapp.com/) — the collaborative design platform. Wireframe, prototype, design online and create design specs in one place.
|
||
- [Maze](https://maze.design/) — a tool for designers and developers that gives analytical results with actionable KPIs for your Invision prototypes.
|
||
- [Principle](https://principleformac.com/) — makes it easy to design animated and interactive user interfaces. 
|
||
- [ProtoPie](https://www.protopie.io/) — piece hi-fi interactions together, build sensor-aided prototypes and share your amazing creations in a matter of minutes.
|
||
- [Proto.io](https://proto.io/) — a tool to create fully-interactive high-fidelity prototypes that look and work exactly as your app should.
|
||
- [Prott](https://prottapp.com/) — an easy to use and intuitive prototyping tool, promotes team collaboration.
|
||
- [Uizard](https://uizard.io/) — transform wireframes into high-fidelity interactive prototypes, customize style systems, export to Sketch, export to HTML/CSS code. 
|
||
- [Useberry](https://www.useberry.com/) — 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](https://www.uxpin.com/) — build prototypes that feel real, with powers of code components, logic, states, and design systems. 
|
||
|
||
## Sound Design
|
||
|
||
- [Appsounds](https://appsounds.pro/) — UI Sound packs for apps, games, and any product.
|
||
- [AudioJungle](https://audiojungle.net/) — 836,206 tracks and sounds from the community of musicians and sound engineers.
|
||
- [Max](https://cycling74.com/products/max/) — connect objects with virtual patch cords to create interactive sounds, graphics, and custom effects.
|
||
- [Reaper](http://reaper.fm/) — import any audio and MIDI, synthesize, sample, compose, arrange, edit, mix, and master songs or any other audio projects.
|
||
- [Sonic Pi](https://sonic-pi.net/) — a live coding music synth.  
|
||
- [SoundKit](https://soundkit.io/) — a UI sound library designed for all of your interface needs.
|
||
- [UI Sounds](https://uisounds.prototypr.io/) — learn sound design for user interfaces by example.
|
||
- [Wistia Music](https://wistia.com/resources/music) — download some free background tracks to add energy and emotion to your videos. 
|
||
- [WOWA](https://www.wowa.me/) — download royalty-free music for YouTube videos, podcasts, and apps. No copyright CC0. Music inspired by Unsplash. 
|
||
- [YouTube Audio Library](https://www.youtube.com/audiolibrary/music) — browse and download free music for your project. 
|
||
|
||
## Stock Videos
|
||
|
||
- [Mazwai](http://mazwai.com/) — great collection of free creative commons HD video clips & footages. 
|
||
- [123RF](https://www.123rf.com/) — over 100,000 daily new content & 24/7 online support.
|
||
|
||
## Tools for Learning Design
|
||
|
||
- [Design Better](https://www.designbetter.co/) — discover the best practices, stories, and insights from the world’s top design teams and leaders. 
|
||
- [Design+Code](https://designcode.io/) — complete courses about the best tools and design systems.
|
||
- [DesignerUp](https://designerup.co/) — a collection of self-paced courses and mentorship to help you master Product Design (UI/UX).
|
||
- [Figma Training](https://www.figmatraining.com/) — a crash course all about Figma, for UI designers.
|
||
- [Interaction Design Foundation](https://www.interaction-design.org/) — a website that is the industry well known for learning UX/UI skills.
|
||
- [Learn UX](https://learnux.io/) — a complete approach to learning UI & UX Tools.
|
||
- [Sketch Master](https://sketchmaster.com/) — a collection of video training courses for professionals learning Sketch.
|
||
|
||
## UI Design Tools
|
||
|
||
- [Affinity Designer](https://affinity.serif.com/en-gb/designer/) — a vector graphics editor for macOS, iOS, and Microsoft Windows.
|
||
- [Botmock](https://www.botmock.com/) — design, prototype, and test voice and text conversational apps. Supports multiple platforms.
|
||
- [CleverBrush](https://www.cleverbrush.com/) — a browser-based online vector editor and digital publishing tool which is possible to integrate to the page as JS component.
|
||
- [Figma](https://www.figma.com/) — a design tool based in the browser, that allows to design and prototype with real-time collaboration.
|
||
- [Gravit](https://designer.io/) — a free vector design app, available for macOS, Windows, Linux, ChromeOS, and browser. 
|
||
- [Illustrator](https://www.adobe.com/products/illustrator.html) — create logos, icons, drawings, typography, and illustrations for print, web, video, and mobile. Made by Adobe.
|
||
- [Photoshop](https://www.adobe.com/products/photoshop.html) — imaging and graphic design software developed by Adobe.
|
||
- [Pixelixe](https://studio.pixelixe.com/) — 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. 
|
||
- [Sketch](https://www.sketchapp.com/) — a design toolkit built for Mac. 
|
||
- [TwitPile](https://twitpile.com/) — creates tiled images out of Twitter followers, interests and lists. 
|
||
- [Voiceflow](https://www.voiceflow.com/) — prototype, design and deploy real apps for Amazon Alexa & Google Home.
|
||
|
||
## User Research Tools
|
||
|
||
- [Appoint.ly](https://appoint.ly/) — a web-based scheduling tool that helps to schedule meetings quickly through the integration with calendars online.
|
||
- [Crowd Signal](https://crowdsignal.com/) — collect, organize and analyze data from a variety of sources, including social media and mobile.
|
||
- [Doodle](https://doodle.com/) — online calendar tool for time management, and coordinating events, meetings, appointments
|
||
- [Evolt](https://evolt.io/en/) — create user personas, storyboards, business model canvas, experience maps, brainstorming boards and moodboards in a clean and modern way.
|
||
- [Feedback Lite](https://www.feedbacklite.com/) — collect high quality customer feedback using Voice of Customer solutions designed to improve your website performance and boost customer engagement.
|
||
- [GoToMeeting](https://www.gotomeeting.com/en-gb) — a simple, extraordinarily powerful web conferencing service.
|
||
- [Handrail](https://handrailux.com/) — end-to-end, collaborative user research and insights platform — plan research, collect and analyze data, and share your findings.
|
||
- [JotForm](https://www.jotform.com/) — create online forms, get an email for each response, collect data. 
|
||
- [Lookback](https://lookback.io/) — remotely run, record, and take notes for your user research sessions, either with a live product or with a prototype.
|
||
- [MineTime](https://minetime.ai/) — a free calendar app with smart scheduling and time analytics features. 
|
||
- [Reflector](https://www.airsquirrels.com/reflector) — Reflector is a basic screen-mirroring and recording tool so you can conduct user tests remotely, using any existing wireframes or prototypes.
|
||
- [Reframer](https://www.optimalworkshop.com/reframer) — a research tool that helps your team to capture, tag (code) and identify patterns in qualitative data across multiple research participants.
|
||
- [Sticktail](https://sticktailapp.com/) — a platform for centralizing, finding and sharing user insights within your organization.
|
||
- [Survey Monkey](https://www.surveymonkey.com/) — online survey tool to capture the voices and opinions of the people who matter most to you.
|
||
- [Typeform](https://www.typeform.com/) — use a simple drag-and-drop interface to create any kind of form, survey, or questionnaire, and even take credit card payments.
|
||
- [Wufoo](https://www.wufoo.com/) — сreate forms, collect data and payments and automate your workflows.
|
||
- [YesInsights](https://www.yesinsights.com/) — simple one question and NPS surveys to improve your business.
|
||
- [UserBit](https://userbitapp.com/) — 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](https://www.userinterviews.com/) — recruit participants from a community of 125,000 members based on profession, demographics, geography and more, for any kind of research.
|
||
- [Zoom](https://zoom.us/) — it's one of the best online meeting services.
|
||
|
||
## Visual Debugging Tools
|
||
|
||
- [LogRocket](https://logrocket.com/) — a tool to record what users do on your site so you can reproduce bugs and fix issues faster.
|
||
- [PixelSnap](https://getpixelsnap.com/) — the magical way to measure everything on your screen. 
|
||
- [Visual Inspector](https://www.canvasflip.com/visual-inspector/) — collaboration tool for website feedback and fixing design bugs.
|
||
|
||
## Three D Modeling Software
|
||
|
||
- [Autodesk](https://www.autodesk.com/products/fusion-360/overview) — integrated CAD, CAM, and CAE software. Unify design, engineering, and manufacturing into a single platform.
|
||
- [MatterControl](https://www.matterhackers.com/store/l/mattercontrol/sk/MKZGTDW6) — a free, open-source, all-in-one software package that lets you design, slice, organize and manage your 3D prints.  
|
||
- [Maya](https://www.autodesk.com/products/maya/overview) — make animations, environments, motion graphics, virtual reality, and character creation, all in one toolset.
|
||
- [Onshape](https://www.onshape.com/) — a modeling software specially oriented to design technical and spare parts, was the first full-cloud 3D software created.
|
||
- [OpenSCAD](https://www.openscad.org/) — a software for creating solid 3D CAD objects. 
|
||
- [Rhino](https://www.rhino3d.com/) — a curve-based 3D modeling software that creates mathematically-precise models of 3D surfaces.
|
||
- [3D Slash](https://www.3dslash.net/) — 3D modeling tool, available on all devices and all OS, online and offline. |