Awesome Design

Overview

Awesome Design provides a comprehensive collection of resources for designers covering UI, UX, product design, interaction design, and design systems.

Design Tools

UI/UX Design

• Figma - Collaborative design and prototyping
• Sketch - Digital design toolkit for Mac
• Adobe XD - Design and prototype tool
• InVision - Digital product design platform
• Framer - Interactive design tool

Prototyping

• ProtoPie - High-fidelity prototyping
• Principle - Animated design tool
• Flinto - App prototyping tool
• Origami Studio - Design prototyping from Facebook

Illustration & Graphics

• Adobe Illustrator - Vector graphics
• Affinity Designer - Vector design tool
• Vectornator - Vector design for iPad
• Procreate - Digital illustration

Design Systems

Major Systems

• Material Design - Google's design system
• Ant Design - Enterprise design system
• Carbon Design - IBM's design system
• Fluent Design - Microsoft design system
• Lightning Design - Salesforce design system

Resources

• Design tokens
• Component libraries
• Documentation templates
• Style guides

Color & Typography

Color Tools

• Coolors - Color scheme generator
• Adobe Color - Color wheel and schemes
• Huemint - AI color palette generator
• Paletton - Color scheme designer

Typography

• Google Fonts - Free web fonts
• Adobe Fonts - Font library
• Font Squirrel - Free commercial fonts
• Type Scale - Typography calculator

Inspiration

Showcase Sites

• Dribbble - Design community
• Behance - Creative portfolios
• Awwwards - Website awards
• Mobbin - Mobile design patterns
• Land-book - Website design inspiration

UI Patterns

• UI Patterns - Design pattern library
• Pttrns - Mobile design patterns
• Collect UI - Daily UI inspiration

Free Resources

Icons

• Heroicons - SVG icons from Tailwind
• Feather Icons - Simply beautiful icons
• Material Icons - Google icons
• Font Awesome - Icon library
• Iconoir - Open source icons

Images & Illustrations

• Unsplash - Free photography
• Pexels - Free stock photos
• unDraw - Open-source illustrations
• Humaaans - Mix-and-match illustrations

Learning Resources

Online Courses

• Interaction Design Foundation - UX courses
• Coursera - Design specializations
• Skillshare - Creative courses
• Udemy - Design tutorials

Books

• Don't Make Me Think by Steve Krug
• The Design of Everyday Things by Don Norman
• Refactoring UI by Adam Wathan
• Laws of UX by Jon Yablonski

Communities

• Designer News - Design community
• Design Systems Slack - DS discussions
• UX Stack Exchange - Q&A for UX

Accessibility

• WebAIM - Web accessibility resources
• A11y Project - Accessibility checklist
• Contrast Checker - WCAG compliance
• Stark - Accessibility plugins

Prototyping & Animation

• Lottie - Animation library
• After Effects - Motion graphics
• Rive - Interactive animations
• Spline - 3D design tool

Features

• Comprehensive tool coverage
• Free and paid resources
• Design inspiration
• Learning materials
• Community resources
• Accessibility focus

Use Cases

• UI/UX design work
• Product design
• Web design
• Mobile app design
• Design system creation
• Learning and skill development

Pricing

Varies widely:

• Free tools: Figma (free tier), Inkscape, GIMP
• Subscription: Figma Pro ($12-15/user/month), Adobe Creative Cloud ($54.99/month)
• One-time: Sketch ($99), Affinity Designer ($54.99)