Die 5 nützlichsten KI-Tools in der Webentwicklung

Was gibt es noch einleitend zu sagen? Künstliche Intelligenz, kurz KI oder AI (Artificial Intelligence) ist in aller Munde und nicht mehr zu übersehen. Sogar während ich diesen Artikel verfasse, hängt Gemini am Rand und wartet darauf, mir grammatikalisch brillante und eloquente Texte vorzuschlagen. Die Freude von selbstgeschriebenen Blog-Artikeln lasse ich mir so schnell allerdings nicht nehmen.

Um genaue Details einzelner AI-Themen geht es aber erst in kommenden Artikeln. Für heute konzentrieren wir uns auf Tools, welche in der Webentwicklung grosse Wellen schlagen und die auch wir teilweise bereits einsetzen. Von Code-schreibenden Programmen bis zur Analyse einer gesamten Applikation: Tools kommen schneller, als man sie testen kann. In dieser rasanten Phase stechen einige Anbieter heraus, aus denen wir unsere 5 Favoriten zusammengetragen haben.

Number 5: Freepik

Ein Überraschungshit macht den Anfang der Liste. Freepik ist von unten bis oben vollgestopft mit Tools für alle möglichen Anwendungsbereiche. Nicht nur Bilder, Illustrationen, Sounds oder Musik, sondern auch eine Vielzahl von KI-Tools, um genau diese Medien selbst zu generieren. Fun fact: Das Titelbild für diesen Blog-Artikel haben wir mit Gemini generiert und mit Freepik editiert.

Das faszinierendste Feature bei Freepik ist vermutlich das Skizze zu Bild-Generierungs-Tool. Hier gibt man zuerst einen Prompt ein wie “Quallen im Ozean” und zeichnet eine grobe Skizze, um die Platzierung einzelner Objekte zu bestimmen:

Number 4: Figma AI

Unsere UI-Designs gestalten wir mit der Software Figma. Mit dem nötigen Know-how kann man mit dem Tool alles Mögliche designen. Von Logos über Wireframes bis zu ganzen Websites. Ganz neu gibt es auch in Figma einige KI-Tools, die mühsame Handgriffe automatisieren und verschiedene Varianten von Designs schnell generieren können. Auch hier werden wir noch einiges für uns in Erfahrung bringen und testen müssen, bevor wir diese Tools täglich einsetzen. Aber zum jetzigen Zeitpunkt sehen sie mehr als vielversprechend aus.

Number 3: Canva

Viele von uns testen momentan Canva AI. Denn zur Webentwicklung gehören nicht nur Programmierung und Design, sondern auch viel Marketing und Kommunikation mit Kundinnen und Kunden. Mit Canva AI können wir Präsentationen, Mockups und sogar Videos so erstellen, wie wir sie brauchen und ohne viel Zeit zu verlieren. Sicher müssen wir noch einige Tests damit angehen, aber der Mehrwert von Canva AI ist schon in der Testversion deutlich spürbar.

Lasst uns gerne wissen, ob ihr gerne einen dedizierten Blog-Artikel zu Canva oder einem anderen hier vorgestellten Tool lesen möchtet!

Number 2: Gemini, ChatGPT, Claude

Die mittlerweile allseits bekannten Large Language Models (LLM) sind heute Teil vieler verschiedener Branchen und Anwendungen. Welche dieser verschiedenen Modelle nun die besten sind, kommt darauf an, welcher Tag der Woche im Kalender steht. Nicht nur gibt es unzählige LLMs, sondern jedes einzelne entwickelt sich ständig weiter. Wir haben uns viele Gedanken gemacht und bleiben für uns bei dem beliebten Keep it simple-Prinzip. Wir verwenden die Google Suite für unsere Mails, Ablagen, etc., also verwenden wir aktuell Gemini.

Für die Webentwicklung beginnt der Mehrwert dieser Tools beim Lernen von komplexen Konzepten. Was man früher in Google eingetippt und auf Stack Overflow nachgeschlagen hat, bringt man heute eben mit Gemini und den anderen LLMs viel direkter und interaktiver in Erfahrung.

Number 1: AI Copilot

Eines der ersten grösseren Tools war der GitHub Copilot. Eine kleine Erweiterung für den Code Editor deiner Wahl, die automatisch den aktuell offenen Code liest und Vorschläge gibt. Anfänglich beschränkte sich dies darauf, dass der Copilot eine Codezeile oder einen Codeblock zu Ende schreibt. Heute gibt es viele verschiedene Erweiterungen und sogar ganze Code Editoren, die AI bereits integriert haben.

Mein persönlicher Favorit in dieser Kategorie: Cursor. Aufgebaut als Subset vom sehr beliebten Visual Studio Code-Editor, ist Cursor von Grund auf mit AI ausgestattet. Das Tool kann eine gesamte Code-Basis einlesen und anhand des Kontext Probleme lösen. Sehr praktisch für repetitive Arbeiten, wie zum Beispiel den gesamten Text auf eine neue Schriftart und Schriftgrösse anpassen. Die Chat-Funktion erlaubt das Interagieren mit der AI und alle vorgeschlagenen Code Änderungen können übersichtlich und Stück für Stück überprüft werden.

Das ist unsere Top 5 Liste der aktuellsten KI-Tools. Gerade die LLMs wie Gemini und die Copilot Kategorie haben sich über längere Zeit bewährt und werden auch künftig eine grosse Rolle für uns spielen. Wie sich alles andere weiterentwickelt, ist heute schwer vorauszusehen.

Wir bleiben laufend dran (auch zum Beispiel im Rahmen von unserem Innovation Day) und fokussieren uns nur auf jene Tools, die uns und unseren Kund:innen den höchsten Mehrwert bieten. Die Welt der künstlichen Intelligenz bleibt spannend und ist kaum noch wegzudenken. Freut euch also auf weitere Artikel zum Thema.