Die 10 besten kostenlosen Tools für Webdesigner

Gute Tools entscheiden, ob du eine Website in drei Wochen fertig hast oder in drei Monaten. Als Webdesigner aus Südtirol arbeite ich jeden Tag mit den Tools auf dieser Liste. Es sind keine Empfehlungen aus zweiter Hand, sondern mein tatsächlicher Arbeitsablauf, vom ersten Kundengespräch bis zur Auswertung nach dem Launch.

Gegenüber der ersten Version dieses Artikels hat sich einiges geändert. Ubersuggest, Miro, Unsplash, Coolors und Notion sind rausgeflogen, weil ich sie nicht mehr nutze oder bessere Lösungen gefunden habe. Bei jedem Tool steht, ob es kostenlos ist.

Hinweis: Die Links zu Claude, Relume und SE Ranking sind Empfehlungslinks. Wenn du dich darüber anmeldest, erhalte ich unter Umständen eine Provision oder ein Guthaben. Für dich ändert sich am Preis nichts, und meine Einschätzung der Tools hängt nicht davon ab.

Planung und Organisation

1. Claude

Claude ist ein KI-Assistent, den ich für Recherche, Textentwürfe und die Organisation meiner Projekte nutze. Besonders spannend sind die Artifacts: Du beschreibst, was du brauchst, und Claude baut dir daraus ein eigenes kleines Tool, zum Beispiel ein Projektboard oder ein Kundenportal für das Onboarding. Genau so, wie du es brauchst, und jederzeit erweiterbar.

Warum Claude?

• Eigene Tools bauen, ohne zu programmieren
• Flexible Alternative zu Notion und Co.
• Kostenloser Plan verfügbar

Claude hilft dir, deine Abläufe genau an deine Arbeitsweise anzupassen, statt dich an ein fertiges Tool anzupassen.

2. Relume

Relume erstellt aus einer kurzen Projektbeschreibung eine Sitemap und Wireframes und bietet dazu eine riesige Bibliothek an fertigen Komponenten. Damit steht die Struktur einer Website in einer Stunde statt in einem Tag. Die Ergebnisse lassen sich direkt nach Figma und Webflow übernehmen.

Warum Relume?

• Sitemap und Wireframes in wenigen Minuten
• Direkter Export nach Figma und Webflow
• Kostenlos starten

Relume nimmt dir die Fleißarbeit ab, damit du dich auf das konzentrieren kannst, was eine Website wirklich besonders macht.

Design und Umsetzung

3. Webflow

Figma ist der Standard für Webdesign und Prototyping. Hier entstehen alle meine Entwürfe, bevor die Website gebaut wird. Kunden können direkt im Browser mitschauen und kommentieren, ohne etwas installieren zu müssen.

Warum Figma?

• Design und Prototyping in einem Tool
• Läuft direkt im Browser
• Kostenloser Plan verfügbar

Figma hilft dir, Designs schnell umzusetzen und mit Kunden abzustimmen, bevor die eigentliche Umsetzung beginnt.

4. Figma

Webflow ist das Tool, mit dem ich alle Kundenwebsites umsetze. Du hast die gestalterische Freiheit wie beim Programmieren, aber ohne Plugins, Sicherheitsupdates und Wartungsaufwand wie bei WordPress. Deine Kunden können Texte und Bilder danach selbst ändern, ohne etwas kaputt zu machen.

Warum Webflow?

• Volle Designfreiheit ohne Code
• Kein Plugin- und Update-Chaos
• Kostenlos bauen, Hosting ab ca. 15 $ im Monat

Webflow macht es dir leicht, professionelle Websites zu bauen, die auch nach dem Launch einfach zu pflegen sind.

5. bunny.net

Videos direkt auf der Website sind oft der größte Bremsklotz für die Ladezeit. bunny.net hostet deine Videos über ein weltweites Netzwerk, sodass sie extrem schnell laden. Der Anbieter sitzt in der EU (Slowenien), was beim Datenschutz vieles einfacher macht als bei YouTube oder Vimeo.

Warum bunny.net?

• Extrem schnelle Ladezeiten für Videos
• Europäischer Anbieter, DSGVO-freundlich
• Sehr günstig, ab 1 $ im Monat, 14 Tage kostenlos testen

bunny.net hilft dir, Videos einzusetzen, ohne dass die Ladezeit oder der Datenschutz darunter leiden.

Feedback und Launch

6. Huddlekit

Feedback per E-Mail wie "das Bild oben rechts, also das zweite, bitte etwas größer" kostet Zeit und Nerven. Mit Huddlekit klicken deine Kunden direkt auf die Stelle der Website, die sie ändern möchten, und hinterlassen dort ihren Kommentar. Sie brauchen dafür nicht einmal einen eigenen Account.

Warum Huddlekit?

• Feedback direkt auf der Website
• Kunden brauchen keinen Account
• Kostenloser Plan für ein Projekt, danach ab 16 $ im Monat

Huddlekit hilft dir, Korrekturschleifen kurz und Missverständnisse klein zu halten.

7. Google Lighthouse

Google Lighthouse misst die Performance deiner Website. Es zeigt dir, wie schnell deine Seite lädt, wie barrierefrei sie ist und wie gut die technischen SEO-Grundlagen umgesetzt sind. Ich lasse es vor jedem Launch laufen.

Warum Google Lighthouse?

• Performance-Analyse mit konkreten Verbesserungsvorschlägen
• Prüft auch Barrierefreiheit und SEO-Grundlagen
• Kostenlos und direkt im Chrome-Browser verfügbar

Google Lighthouse hilft dir, Ladezeiten und Benutzererfahrung zu verbessern, bevor die Website live geht.

Analyse und SEO

8. Google Search Console

Die Search Console zeigt dir, bei welchen Suchbegriffen deine Website in Google auftaucht, wie oft sie angeklickt wird und ob es technische Probleme gibt. Für mich ist sie das wichtigste SEO-Tool überhaupt, weil die Daten direkt von Google kommen. Dort sehe ich zum Beispiel, dass die erste Version dieses Artikels über 19.000 Mal in Google angezeigt wurde.

Warum Google Search Console?

• Echte Suchdaten direkt von Google
• Zeigt technische Fehler und Indexierungsprobleme
• Kostenlos

Die Search Console hilft dir zu verstehen, wie Google deine Website sieht und wo du Potenzial liegen lässt.

9. Google Analytics 4

Google Analytics zeigt dir, was Besucher auf deiner Website machen: woher sie kommen, welche Seiten sie lesen und wo sie abspringen. Wichtig für Websites in der EU: GA4 darf nur mit Einwilligung über ein Cookie-Banner laufen.

Warum Google Analytics?

• Detaillierte Auswertung des Besucherverhaltens
• Zeigt, welche Seiten funktionieren und welche nicht
• Kostenlos

Google Analytics hilft dir, deine Website auf Basis echter Daten weiter zu verbessern.

10. SE Ranking

SE Ranking nutze ich für Keyword-Recherche, Ranking-Überwachung und Konkurrenzanalyse. Für Projekte mit laufender SEO-Betreuung ist so ein Tool Pflicht. Im Vergleich zu Ahrefs oder Semrush ist es deutlich günstiger und für kleinere Märkte wie Südtirol oder Österreich völlig ausreichend.

Warum SE Ranking?

• Keyword-Recherche und Ranking-Überwachung in einem
• Günstiger als Ahrefs und Semrush
• Kostenpflichtig, mit kostenloser Testphase

SE Ranking hilft dir, SEO messbar zu machen und deinen Kunden echte Ergebnisse zu zeigen.

‍

Fazit

Mit diesen 10 deckst du den ganzen Ablauf ab, von der Planung über Design und Umsetzung bis zur Auswertung. Die meisten davon kannst du kostenlos ausprobieren.

Du bist Designer oder Agentur? Ich arbeite auch als Partner für die Umsetzung: Du lieferst das Design, ich setze es sauber in Webflow um. Oder umgekehrt. Hier erfährst du mehr über mich.

Du bist Unternehmer und suchst jemanden, der das für dich übernimmt? Dann lies zuerst Was kostet eine Website in Südtirol? oder schau dir an, wie ich arbeite.