Webdesign Ressourcen & Tools: Die komplette Sammlung

Gute Werkzeuge machen gute Designer noch besser. Diese kuratierte Sammlung deckt alles ab -- von Inspirationsquellen über Design- und Entwicklungstools bis hin zu Plattformen für Analyse und Kommunikation.

Inspiration: Die Top 10 Quellen

• Musely (Chrome Extension) -- Tägliche kuratierte Design-Inspiration direkt im Browser
• Godly -- Videos von Scroll-Interaktionen und modernen Websites
• Awwwards -- Award-basierte Inspiration plus Education-Content
• Dribbble / Behance -- Design-Portfolios weltweit
• Unsection -- Einzelne Sektionen statt ganzer Websites
• Maxi Best Stuff -- Nach Font-Pairings filterbar
• Hoverstates -- Interaktions-Design-Inspiration
• Commerce Cream -- E-Commerce-spezifische Inspiration
• Landbook -- Nach Komponenten suchbare Sammlung
• Savee.it -- Visuelles Bookmarking für Design-Referenzen

Design-Tools

• Figma -- Industrie-Standard für UI/UX-Design. Kollaborativ, browserbasiert.
• Kittl -- Schnelles Grafik-Design, ideal für Einsteiger
• Canva -- Schnelle Grafiken und Social-Media-Assets
• Adobe Creative Suite -- Photoshop, Illustrator für fortgeschrittene Bildbearbeitung

Website-Builder

Builder	Stärke	Ideal für
Webflow	Design-Freiheit + CMS	Agenturen, komplexe Sites
Framer	Interaktionen, Performance	Tech/Startup-Kunden
ShowIt	Kreative Freiheit	Fotografen, Kreative
WordPress + Elementor	Flexibilität, Plugins	Blogs, Shops, komplexe Sites

Farbe & Typografie

• Coolers.co -- Farbpaletten generieren und Kontrast prüfen
• Realtime Colors -- Live-Vorschau von Farbpaletten auf einer Website
• Google Fonts -- Kostenlose Webfonts
• Fontjoy -- Font-Pairing-Generator mit Machine Learning

Entwicklung & Testing

• VS Code -- Code-Editor mit Extension-Ökosystem
• Chrome DevTools -- Debugging, Performance, CSS Overview
• PageSpeed Insights -- Core Web Vitals und Performance-Analyse
• BrowserStack -- Cross-Browser und Cross-Device Testing

Analytics & SEO

• Google Search Console -- Kostenlos, unverzichtbar
• Plausible -- DSGVO-konforme, cookie-freie Analytics
• Ahrefs / SEMrush -- Keyword-Recherche und Wettbewerbsanalyse
• SISTRIX -- SEO-Analyse speziell für den deutschen Markt

Kommunikation & Projektmanagement

• Loom -- Video-Nachrichten für Design-Präsentationen
• Notion -- Projektplanung und Dokumentation
• Calendly -- Terminbuchung ohne E-Mail-Ping-Pong
• Slack / Discord -- Kommunikation mit Kunden und Communities

Fazit

Die richtigen Tools beschleunigen deinen Workflow und heben die Qualität deiner Arbeit. Starte mit den kostenlosen Optionen und investiere erst in Paid-Tools, wenn du einen klaren ROI siehst.