extracted from: https://raw.githubusercontent.com/goabstract/Awesome-Design-Tools/master/README.md

Accessibility Tools

  • ColorBox — a web app that algorithmically builds accessible color systems. Done by the Lyft Design team. free.svg
  • Inclusive Design — a methodology and a set of tools provided by the Microsoft team.
  • PA11Y — accessibility testing tool to find issues with your web pages. It runs HTML CodeSniffer from the command line for programmatic accessibility reporting. It's an accessibility developer tool. free.svg open-source.svg
  • Stark — a paid Sketch plugin that will let you simulate different types of color blindness. mac.svg
  • tota11y — an accessibility visualization toolkit. Interesting fact: inside the tool name you can see "a11y". It's an abbreviation of accessibility as "a" followed by 11 more letters, followed by "y". free.svg

Accessibility checking features are also available in VisBug from the Visual Debugging Tools category.

Animation Tools

  • After Effects — digital visual effects, motion graphics, and compositing application developed by Adobe.
  • Dokyu Motion — simplifies motion design in After Effects so any editor can tell stories that won′t be ignored.
  • Flare — a powerful design and animation tool, which allows designers and developers to create animations for their app or game. free.svg
  • Flow — a professional animation tool for Sketch designs that also exports production-ready code for iOS, Web or SVG files. mac.svg
  • Haiku Animator — keyframe-based animation connecting your UI tools to code that developers can easily use.
  • Keyshape — 2D animation tool that allows for animated SVG export.


  • Kite Compositor — a powerful animation and prototyping application for Mac & iOS. mac.svg
  • LightBox — 2D, Hand-Drawn animation package. mac.svg free.svg
  • Lottie — a mobile library for Android and iOS that parses Adobe After Effects animations exported as JSON with Bodymovin and renders them natively on mobile and the web. free.svg
  • Meteoritic — animation delights library for iOS and Android. Choose from a variety of animations that suits different app styles. free.svg
  • Naker.Story — make your web content interactive to engage your visitors like never before thanks to 3D. free.svg
  • OFFEO — an online video maker for small businesses to create video ads like the Big Brands without the big budget. free.svg
  • StorySwag — create stylish animated posts for Instagram and Facebook in just a few taps, all from your mobile phone. free.svg mac.svg
  • Spirit — the animation tool that helps you to create and manage the animations real-time in the browser. mac.svg
  • Tumult Hype — the HTML5 animation/interactives creation app for macOS. mac.svg

Augmented Reality

  • Daqri — delivers professional-grade augmented reality for the workforce by overlaying digital information onto the physical environment.
  • EasyAR — a mobile application and an Augmented Reality Engine, making AR easier.
  • HP Reveal — adding value to printed content through visual interactivity.
  • Layar — find various items based upon augmented reality technology.
  • Lens Studio — create, publish, and share your own AR experiences for Snapchat with or without code. free.svg
  • Lightform — a design tool for projected AR.
  • Spark AR Studio — сreate AR experiences for Instagram without code. free.svg mac.svg
  • Torch — a cloud-based 3D design and prototyping app focused on mobile AR. free.svg mac.svg
  • Unity — build high-quality 3D and 2D games, deploy them across mobile, desktop and VR/AR.
  • Vuforia — SDK for mobile devices that enables the creation of augmented reality applications.
  • Wikitude — empowers your iOS, Android & Smart Glasses apps with Image & Object Tracking, Instant tracking (SLAM), Geo AR, and more.

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 Handoff Tools

  • Avocode — open designs without design tools. Export images without preparing layers. Click on layers to get code.
  • Flawless App — a tool to compare the expected design and the real app right inside iOS Simulator (useful for designers who use Xcode or mobile developers). mac.svg
  • Inspect — prepare designs for development. Made by Invision.
  • Sketch Measure — Sketch redline plugin. Annotate distance and size of elements. free.svg open-source.svg
  • Specctr — in the unfortunate event you're designing UI in PS, AI, or ID this tool creates redline annotations.

Design Inspiration

  • Creative Portfolios — a curation of the most creative portfolios made by designers & developers.
  • Design Hunt — a daily collection of the best products, apps, and inspirations for all creatives. free.svg mac.svg
  • Ficture — a font in use archive that will inspire you. free.svg
  • Inspiration UI — a community that aims to provide the best design resources for those who create for the web. free.svg
  • Hover States — showcase great work from the bleeding edge of digital culture for, and with, the creative community.
  • Mobile Patterns — a design inspirational library featuring finest UI UX Patterns (iOS and Android).
  • One Page Love — a collection of beautiful unique One Page websites for website design inspiration. free.svg
  • Owwly — home for digital products crafted with passion to design.
  • pttrns — design patterns for popular mobile apps.
  • The Design Team — comics about a design team for a tech startup in Silicon Valley.
  • UI Recipes — weekly 15 min lessons on UI design from the hottest apps.
  • UX Archive — browse more than 400 user flows across 120 mobile apps. Examine tasks such as booking, logging in, onboarding, purchasing, searching, and more. free.svg

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.

Design Version Control

  • Abstract — a platform for design teams to version, manage and collaborate on Sketch files.
  • Folio — a simple version control system for design teams based on Git. mac.svg
  • Kactus — design version control without changing your tools. Manage changes, document work and keep your team in sync. open-source.svg mac.svg
  • Plant — Mac app and Sketch plugin offering complete version control for designers and teams. mac.svg
  • Relay for Figma — Relay pushes your latest assets from Figma directly to your codebase (not released yet).
  • Versions — a version control tool for designers with visual diff, merge and conflict resolution. Works with GitHub, Bitbucket, GitLab and Azure DevOps.

Development Tools

  • Firefox developer edition — developer edition of the Firefox browser. free.svg
  • Litmus — an email campaign creation platform that, amongst other things, lets you see how HTML emails will appear in a wide variety of email clients.
  • Polypane — a browser built from the ground up to create and test websites and apps.
  • Styleguidist — isolated React component development environment with a living style guide. open-source.svg free.svg

Experience Monitoring

  • Amplitude — understand your users, rapidly release better product experiences, and grow your business.
  • Chalkmark — increase your customer conversion and task-oriented success rates by getting quick feedback on designs before you implement.
  • Fathom — provides simple, useful websites stats without tracking or storing personal data of your users.
  • FullStory — an app that captures all your customer experience data in one powerful, easy-to-use platform.
  • Google Analytics — measure your advertising ROI and track your sites and applications. free.svg
  • Heap — automatically capture every web, mobile, and cloud interaction then retroactively analyze your data without writing code.
  • Heatly — free heatmap tools to understand the website's user experience better. free.svg
  • Hotjar — see how visitors are using your website and collect user feedback.
  • Inspectlet — record videos of your visitors as they use your site, so you can see everything they do.
  • LiveSession - high-quality user's session replay analytics.
  • LogRocket — see what users do on your site, helping you reproduce bugs and fix issues faster.
  • Mixpanel — get insights across all of your user-centric data to make smarter decisions and act faster based on how customers use your product or website.
  • Mouseflow — record mouse cursor movements.
  • Pendo — measure and elevate the customer experience within their applications.
  • Smartlook — user session replay and user engagement analytics.
  • Usabilla — build future-proof customer experiences by asking the right questions at the right time.

Font Tools

  • Behance Free Fonts — a list of free fonts uploaded on Behance. free.svg
  • Emotype — makes it easy to find fonts based on the emotions you want to convey on your website. free.svg
  • FontFabric — gorgeous interface and good collection. free.svg
  • Fontface Ninja — browser extension to discover what fonts are being used on any website.
  • Fontown — a typographic tool with a nonstop growing font catalog which facilitates designer workflow.
  • Fonts — thousands of beautiful fonts by Adobe. free.svg
  • FontSelf — an extension for Illustrator and Photoshop CC that lets you turn any lettering into OpenType fonts in minutes!
  • FontSpark — a simple tool to help designers quickly find the best fonts for their projects. free.svg
  • Font Squirrel — download free fonts with wide collections.free.svg
  • Google Webfonts Helper — a hassle way to self-host Google Fonts. It‘s free and open-source. free.svg open-source.svg
  • Measure — measure typographic line lengths with this browser extension for Chrome. free.svg
  • RightFont — font managing app, helps preview, sync, install and organize fonts over iCloud, Dropbox or Google Drive. mac.svg
  • Sans Forgetica — a downloadable font that is scientifically designed to help you remember your study notes. free.svg
  • Size Calculator — calculate the perceived size using viewing distance and physical size of the printed typography. free.svg
  • Typeface — font manager that improves your design workflow with live font previews and flexible tagging. mac.svg
  • Wakamai Fondue — the tool that answers the question "what can my font do?". free.svg
  • Web Font Preview — preview Google Font pairings with components and site templates. free.svg open-source.svg
  • Webfont — create and maintain custom SVG icon fonts, made a shared library of icons. free.svg mac.svg
  • WordMarkIt — displays your written word/phrase with all the fonts which are already installed on your computer. free.svg

You can also handle fonts with Specify, which is mentioned in the Design System Tools section.

Gradient Tools

  • Blend — create and customize beautiful CSS3 gradients. free.svg
  • Colorffy — get CSS, images, UI previews or create own gradients. free.svg
  • ColorSpark — helps designers find unique colors and striking gradient combinations. free.svg
  • GradientsList — a largest crowdsourced collection of gradients, with daily contributions from users on Gradients Maker for iOS free.svg
  • Gradients Guru — blend mode background images & beautiful background gradients for your UI. free.svg
  • HtmlColours — realize how easy and beautiful it is to create gradients with this gradient generator. free.svg

Icons Tools

  • CoreUI Icons — premium designed free icon set with marks in SVG, Webfont and raster formats. open-source.svg
  • Digital Nomad Icons — lifestyle icon & emoji pack for your next project. 25 high-resolution flat icons. free.svg
  • Essential Glyphs — created to cover your needs in perfect-shaped icons. Adapted for small and large sizes. free.svg
  • IconJar — store all your icons in one icon manager. mac.svg
  • Iconset — free, cross-platform and fast SVG icon organizer working on Mac and Windows. free.svg
  • Ikonate — customize, adjust and download free vector icons. free.svg
  • illustrio — a smarter icon library. Build something great with 100% customizable icons. free.svg
  • Material Icons Library — free collection of 1000+ icons for popular graphics tools. free.svg
  • Motion — free, simple animated icon editor.
  • Norde Source — mac, Windows and Linux app to color and customize icon sets to fit your brand. free.svg
  • Orion Icons — SVG vector icons with an advanced interactive web app.
  • Share Icon — more than 300 000 free download icons in different formats. free.svg
  • Streamline Emoji — a free collection of 850 + vector emoji. The style is inspired by the japanese “Kawaii” (cute) style. free.svg
  • Svgsus — SVG icon management tool. mac.svg
  • SVG Colorizer — a tool to automatically change the entire color palette of any given SVG icon pack intelligently keeping the shades, highlights & shadows. free.svg
  • Tilda Icons — download free icons for landing pages. More than 700 vector icons, collected in 43 sets for business. free.svg
  • Twemoji — Twitter’s open-source emoji has you covered for all your project's emoji needs. free.svg
  • VisualPharm — free SVG Icons with super-fast search and free Coke. Built for fun by Icons8. free.svg
  • Xicons — free vector icons, that update every 10 days. free.svg
  • Zwicon — handcrafted icon set for your next project. free.svg

You can also handle icons with Specify, which is mentioned in the Design System Tools section.


  • Illustration by Pngtree — over 13142 professionally designed illustrations of different styles.
  • JoeSchmoe — an illustrated avatar collection for developers and designers, perfect as placeholders or live sites. free.svg
  • LukaszAdam — free vector art illustrations and icons. They are available for personal and commercial use. free.svg
  • ManyPixels — royalty-free illustrations to power up your projects. free.svg
  • Ouch — vector illustrations to class up your project. Free for both personal and commercial use. free.svg
  • Squircley - all you need to start creating beautiful SVG squircles. open-source.svg
  • Wannapik — a collection of free illustrations, vector images, photos, and animations for any use. free.svg

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.

Logo Design

  • Design Evo — a large collection of vector icons and shapes help you design custom logos easily. free.svg
  • Free Logo Design — create stunning professional logos in seconds. free.svg
  • Graphic Springs — choose from a gallery of vector format logo templates, categorized by industry. Edit the graphics and texts of your template, then download it.
  • Logo Design Team — offers affordable professional custom logo design and brand design services.
  • Logojoy — uses artificial intelligence to instantly generate unique logo ideas for your business.
  • Logo Lab — put your logo to the test with automated visual experiments. free.svg
  • Logo Maker — allows you to make a free logo within seconds. Start with a blank canvas, add text and an icon, and then customize. free.svg
  • Logo Maker by Designhill — generate 1000s of unique logos in only few minutes, without design expertise.
  • Logo My Way — choose from 600 custom logo designs from creative designers worldwide.
  • Logo Package Express — export and package dozens of logo variations and file types for your clients automatically in under 5 minutes.
  • Logo Rank — upload your logo to see how it rates on a number of objective measures. free.svg
  • Wizlogo — create a logo with a simple and affordable tool backed by professional designers.

You can also do your logo design with Adobe Photoshop, GIMP, Inkscape, Krita and Vectr which are mentioned in UI design tools.

Mockup Tools

  • Craftwork Design — free and premium high-quality digital products that make your work faster and easier.
  • Dimmy.club — device mockup generator for your website and app screenshots.
  • Frrames — Frrames mockups is perfectly crafted responsive windows mockups for your ideal presentation.
  • Mockflow — the quickest way to brainstorm user interface ideas.
  • Mockuuups — drag-and-drop tool for creating beautiful app previews or any marketing materials.
  • Moqups — helps you create and collaborate in real-time on wireframes, mockups, diagrams and prototypes.
  • Original Mockups — high-quality mockups for Photoshop that make your designs stand out.
  • Overframe for Mac — record your prototype & app with device frame overlay. mac.svg
  • Ramotion Store — carefully crafted Apple and Android mockups for Sketch and Photoshop.
  • Rotato — animated 3D mockups for your app designs. mac.svg
  • SceneLab — create realistic mockups and customized brand designs online.
  • ScreenSpace — 3D devices videos for motion designer.
  • Screenzy — instantly transform your pictures and screenshots into beautiful mockups ready to be shared on social media. free.svg
  • Screeener — use this app to insert a bunch of images to a keynote file, using the mockup you choose.free.svg
  • Threed — generate custom 3D Device Mockups in your Browser.
  • UI8 — Design Freebies — epic design freebies to get you started. free.svg
  • Vector Mockups Library — free collection of presentation Mockups for Sketch, Figma & Photoshop. free.svg

No Code Tools

  • Coda — a new type of document that blends the flexibility of documents, the power of spreadsheets, and the utility of apps into a single new canvas. free.svg
  • Kodika.io — build iOS apps with Kodika no code app builder for Mac & iPad, capable of creating powerful apps with Drag & Drop. mac.svg
  • PageXL — a simple one-page website builder for quickly creating landing pages and online stores. free.svg
  • Retool — gives you building blocks and you can build tools much faster.
  • sheet2api — create an API from Google Sheets or Excel Online Spreadsheets, no coding required.
  • Sheet2Site — create a website from Google Sheets without writing code.
  • Shopify — one platform with all the e-commerce and point of sale features you need to start, run, and grow your business.
  • Thunkable — a drag-and-drop tool for anyone to build native mobile apps.
  • UserGuiding — create walkthroughs, checklists, hotspots, and modals to improve user onboarding.

Pixel Art Tools

  • Aseprite — animated sprite editor & pixel art tool. open-source.svg
  • Data Pixels — create pixel art programmatically. Includes DataPixels.js and Data Pixels Playground desktop app. free.svg open-source.svg
  • Draw! — open-source and free web-based pixel art and GIF editor. free.svg open-source.svg
  • Grafx2 — a bitmap paint program inspired by the Amiga programs ​Deluxe Paint and Brilliance. Specialized in 256-color drawing. open-source.svg free.svg
  • GraphicsGale — has many pixel-art specific features, including palette control, selectively erasing colors, and tools for quickly replacing and trying new colors. free.svg
  • Goya — a pixel-art editor built on ClojureScript and Om. free.svg open-source.svg
  • Make 8 bit art — an open source and in-browser pixel art drawing tool. free.svg open-source.svg
  • Poxi — a flat pixel art editor. free.svg open-source.svg
  • Pyxel Edit — a pixel art editor designed to make it fun and easy to make tilesets, levels and animations. free.svg open-source.svg

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

Screenshot Software

  • Camtasia — a screen recorder that comes with a full-blown built-in editor.
  • CleanShot — capture your screen in a superior way with a built-in annotation tool and Quick Access Overlay. mac.svg
  • CloudApp — record videos, webcam, annotate screenshots, create GIFs.
  • Gifox — delightful GIF recording and sharing app. mac.svg
  • Giphy Capture — capture parts of your screen and export as gif or mp4. free.svg mac.svg
  • Lighshot — taking quick captures of your screen. free.svg
  • Monosnap — create screenshots, annotate and upload them to the cloud. free.svg
  • Quicktime — a video player that you can use to record your screen. free.svg mac.svg
  • ScreenFlow — video editing and screen recording

    software for Mac. mac.svg

  • Screenie — filter and search through images, change screenshot filetypes. mac.svg
  • ScreenshotAPI.net — create pixel-perfect full page website screenshots. web
  • Shotty — a menu bar app that helps you quickly find the screenshot you're looking for so you can drag and drop it into any application. mac.svg
  • Snagit — capture images and video, create GIFs, annotate, edit, and share.
  • Snipping Tool — Windows free screenshot tool. free.svg
  • Snappy — takes quick shots and organizes them for you into collections. free.svg mac.svg
  • Teampaper Snap — allows you to take screenshots of a selected area. free.svg mac.svg

Sketching Tools

  • Responsive Sketchsheets — offers responsive pre-design templates. These will automatically adapt their layout to any screen size and include neat features. free.svg
  • Sketchsheets — an open source project dedicated to providing free printable templates of the latest devices and platforms for wireframing designs. free.svg open-source.svg
  • Sneakpeekit — print note taking grids and devices frames. free.svg
  • Sketchize — just choose any of the sketch sheets that fits your project, print it out and start to sketch your dream. free.svg

You can also do some sketching with Sketch mentioned in UI design tools.

SMM Design Tools

  • Pablo by Buffer — design engaging images for your social media posts. free.svg
  • SocialSizes — provides designers with the best sizes to use for image and video content on social media. 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 Photos Tools

  • Death to Stock — paid-for stock photo service with a mailing list for occasional free packs, and a focus on not looking like stock photography.
  • FoodiesFeed — thousands of beautiful realistic free food pictures in high resolution. free.svg
  • FreePhotos.cc — free stock photos for commercial use. free.svg
  • Freestocks.org — high quality photos all released under Creative Commons CC0. free.svg
  • LandingStock — a collection of free images for your landing page. free.svg
  • LoremPixel — an API that serves stock photos at specified sizes and categories. Great for placeholder/user-generated content. free.svg
  • Moose — don't search for stock photos, create them. free.svg
  • Picjumbo — a collection of totally free photos for your commercial & personal works. free.svg
  • ShotStash — thousands of free high-resolution CC0 photos and videos. free.svg
  • Startup Stock Photos — free photos for startups, bloggers and publishers. free.svg
  • StyledStock — free feminine stock photography for every woman entrepreneur. free.svg
  • The Gender Spectrum Collection — a stock photo library featuring images of trans and non-binary models that go beyond the clichés. free.svg
  • UI Faces — an aggregator that indexes various free avatar sources that you can use in your design mockups. free.svg
  • #WOCinTech Chat Photos — free stock photos of women technologists of diverse backgrounds. free.svg
  • Zoommy — helps you find awesome free stock photos for your creative product or inspiration. 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 Flow Tools

  • Flowmapp — an online tool for creating sitemaps and user flows that helps you to effectively design and plan user experience.
  • Google Drawings — create diagrams and charts, for free; all within Google Docs. free.svg
  • MindNode — a mind mapping app that makes brainstorming simple and easy. mac.svg
  • NinjaMock — wireframe and user flow online tool. Link your views and create logic flow prototype. All with freehand visual style.
  • OmniGraffle — a diagramming and digital illustration application for macOS and iOS. mac.svg
  • Overflow — turn your designs into playable user flow diagrams that tell a story.
  • Sketch.systems — ui and flow design with interactive state machines. free.svg
  • SQUID — create beautiful User Flows in Sketch in just minutes. mac.svg
  • Whimsical — easy to create flow charts, wireframes and sticky notes.
  • Wireflow — free, online and open source tool for creating beautiful user flow prototypes. open-source.svg free.svg
  • XMind: ZEN — a brainstorming and mind mapping tool that can switch between outline and tree-chart. Link topics with other charts.
  • yEd — free desktop tool for making diagrams. Usable for the wide variety of use cases. Auto-layout helps a lot when making flowcharts. free.svg

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.

Wireframing Tools

  • Balsamiq Cloud — effortless UI sketching. Capture your ideas, collaborate on your designs, get everyone on board.
  • BLOKK — a font for quick mock-ups and wireframing for clients who do not understand Latin. free.svg
  • CSS Grid Builder — with this tool there is no HTML part to the grid. The grid only becomes apparent when content (elements) are added and positioned according to the grid rules. free.svg
  • Gliffy — a tool for creating the framework, UML diagrams, flowcharts, wireframes and more.
  • Gridzzly — the easiest way to create custom grid paper printable. free.svg
  • Pidoco — software that lets you quickly create click-through wireframes and fully interactive UX prototypes.
  • Whimsical Wireframes — instant wireframing at your fingertips. Rich library of configurable elements like buttons, inputs, checkboxes.
  • 1200px Grid System — helps you build a grid system for much wider website designs than the 960-pixel style.

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.
Pub: 07 Oct 2022 07:38 UTC
Edit: 07 Oct 2022 07:40 UTC
Views: 2942