Design Resources 🎨

Tools and inspiration for creating beautiful designs.

Design Tools

Figma

• URL: https://www.figma.com
• Description: Collaborative interface design tool
• Best For: UI/UX design, prototyping, collaboration
• Rating: ⭐⭐⭐⭐⭐

Adobe XD

• URL: https://www.adobe.com/products/xd.html
• Description: Vector-based design tool
• Best For: UI/UX design, prototyping
• Rating: ⭐⭐⭐⭐

Canva

• URL: https://www.canva.com
• Description: Simple graphic design platform
• Best For: Social media graphics, presentations
• Rating: ⭐⭐⭐⭐⭐

Color Tools

Coolors

• URL: https://coolors.co
• Description: Color palette generator
• Best For: Creating color schemes
• Rating: ⭐⭐⭐⭐⭐

Adobe Color

• URL: https://color.adobe.com
• Description: Color wheel and palette tools
• Best For: Color harmony, accessibility
• Rating: ⭐⭐⭐⭐⭐

Color Hunt

• URL: https://colorhunt.co
• Description: Curated color palettes
• Best For: Color inspiration
• Rating: ⭐⭐⭐⭐

Icons & Graphics

Iconify

• URL: https://iconify.design
• Description: Unified icon framework
• Best For: Thousands of icon sets in one place
• Rating: ⭐⭐⭐⭐⭐

Font Awesome

• URL: https://fontawesome.com
• Description: Icon library and toolkit
• Best For: Web icons
• Rating: ⭐⭐⭐⭐⭐

Unsplash

• URL: https://unsplash.com
• Description: Free high-resolution photos
• Best For: Stock photography
• Rating: ⭐⭐⭐⭐⭐

Pexels

• URL: https://www.pexels.com
• Description: Free stock photos and videos
• Best For: Stock content
• Rating: ⭐⭐⭐⭐⭐

Typography

Google Fonts

• URL: https://fonts.google.com
• Description: Free and open-source fonts
• Best For: Web typography
• Rating: ⭐⭐⭐⭐⭐

Font Squirrel

• URL: https://www.fontsquirrel.com
• Description: Free fonts for commercial use
• Best For: Web fonts
• Rating: ⭐⭐⭐⭐

Inspiration

Dribbble

• URL: https://dribbble.com
• Description: Design community and portfolio
• Best For: Design inspiration, portfolios
• Rating: ⭐⭐⭐⭐⭐

Behance

• URL: https://www.behance.net
• Description: Creative work showcase
• Best For: Design portfolios, inspiration
• Rating: ⭐⭐⭐⭐⭐

Awwwards

• URL: https://www.awwwards.com
• Description: Website design awards
• Best For: Web design inspiration
• Rating: ⭐⭐⭐⭐⭐

UI Components

shadcn/ui

• URL: https://ui.shadcn.com
• Description: Re-usable components built with Radix UI and Tailwind
• Best For: React component library
• Rating: ⭐⭐⭐⭐⭐

Heroicons

• URL: https://heroicons.com
• Description: Beautiful hand-crafted SVG icons
• Best For: React/Vue icons
• Rating: ⭐⭐⭐⭐⭐

Prototyping

ProtoPie

• URL: https://www.protopie.io
• Description: High-fidelity prototyping tool
• Best For: Interactive prototypes
• Rating: ⭐⭐⭐⭐

Framer

• URL: https://www.framer.com
• Description: Interactive design and prototyping
• Best For: Advanced interactions, animations
• Rating: ⭐⭐⭐⭐⭐