Skip to content

Instantly share code, notes, and snippets.

@viridiano

viridiano/designtoolbox.md

Last active September 7, 2020 15:13
Show Gist options
  • Save viridiano/ac8969d448597afbcab9e00e241308f5 to your computer and use it in GitHub Desktop.
Save viridiano/ac8969d448597afbcab9e00e241308f5 to your computer and use it in GitHub Desktop.
Download ZIP
Designers Toolbox – A curated list of tools for designers and front-end developers.
Raw
designtoolbox.md
Design/Webdesign Tools
UI/UX/IxD/Usability/Accessibility Tools
Design System Tools
  • Sketch – The digital design toolkit
  • Atomic – Under construction
  • Subform – Visual tool for creating dynamic UI layouts
  • Carbon – IBM’s open-source design system for products and experiences
  • Lightning – Salesforce design system
  • Clarity – UX guidelines, HTML/CSS framework, and Angular components working together to craft exceptional experiences
  • Polaris – Shopify design system
  • Plasma – WeWork design system
  • Build – Intercom design system
  • Style Guide Resources – Real life pattern libraries, code standards documents and content style guides
  • Style Guide Guide – A boilerplate for creating superb style guides
  • UX Power Tools – A design system UI kit for Sketch
  • Brand.ai – Easily manage your Design System
  • Design Principles FTW – The biggest collection of Design Principles on the Internet
  • BEM – Block, element, modifier methodology
HTML/CSS/JS Tools
  • Materialize – responsive CSS framework based on Material Design
  • Monkey Test It – fully automated website testing
  • Can I Use? – up-to-date browser support tables for support of front-end web technologies
  • Animate.css – a cross-browser library of CSS animations
  • CSS Beautify
  • Athena – HTML to PDF conversion
  • CSSmatic – the ultimate CSS tools for web designers
  • GeoPattern – Generate beautiful SVG patterns
  • txti – Fast web pages for everybody
React Tools
  • React Toolbox – Bootstrap your application with beautiful Material Design Components
  • NativeBase – Native look with platform specific design over the same JavaScript code-base
Coding Tools
Social Media Tools
  • Canva – create images for social media
  • Bee Free – free responsive email editor
Stock Graphics & Photography Tools
Mockup Tools
Prototyping Tools
  • Adobe Experience Design – for creating wireframes and protoyping interactivity
  • Craft by Invision – prototyping, collaboration & workflow platform
  • Figma – interface design tool with real-time collaboration
  • Atomic – prototyping tool for mobile or desktop interactions or animations
Mindmap/Chart Tools
  • Coggle – simple Collaborative Mind Maps
  • Lucidchart – flowchart and diagram maker
Typography Tools
  • Prototypo – create your own font in a few clicks
  • Type Genius – find the perfect font combo for your next project
  • Type Anything – a simple tool to create great font combinations
  • Free Fonts Collection – The ultimate collection of the top 100 free typefaces for 2015
  • Tiff – a type diff tool that visually contrasts the differences between two fonts
Color Tools
SEO Tools
Infographics Tools
  • Infogram – charts & infographics the easy way
  • Visme – presentations, infographics & other engaging content
3D Printing Tools
  • Thingiverse – half-million 3D models available to print for free
  • YouMagine – steady stream of high-quality 3D printable content for free
  • Cults – curate collections (free + paid)
  • Sculptris – "virtual clay" for begginers
  • Autodesk 123D Suit – a collection of 3D modeling tools
  • 123D Catch – free app that lets you create 3D scans of virtually any object
  • TRNIO – convert existing photographs into 3D models directly on your iPhone
ChatBots Tools
  • Storylne – Create voice apps without coding
  • PullString – Design, Prototype, and Publish Voice Apps
  • EchoSim – Alexa skill testing tool
  • Api.ai – Natural language interactions for bots, applications, services, and devices
  • Botkit – Most popular open-source toolkit for creating bots for messaging platforms
  • BotWiki – Open catalog of friendly, useful, artistic online bots
Machine Vision Tools
Other
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment