Design & Entwicklung

Coolors ist ein Farbpaletten-Generator mit Bildfarbwähler, Kontrastprüfung, Verläufen und einer Bibliothek geteilter Paletten zum Stöbern.

Iconoir ist eine quelloffene Icon-Bibliothek mit mehr als 1.600 SVG-Icons auf einem 24×24-Raster, MIT-lizenziert und ohne Anmeldung; auf der eigenen Website kannst du Icons durchsuchen und herunterladen.

Open Peeps ist Pablo Stanleys handgezeichnete Illustrationsbibliothek unter CC0-Lizenz, in der du Figuren aus Armen, Beinen, Frisuren, Kleidung, Gesichtsausdrücken und Posen zusammensetzt.

Accessibility Insights for Web ist ein Microsoft-Werkzeug als Erweiterung für Chrome und Microsoft Edge, mit FastPass für einen Schnellscan und Assessment für eine geführte WCAG-2.1-AA-Bewertung.

Carrd ist ein Dienst, um einseitige, mobilfreundliche Websites wie Profile, Werbe- und Landingpages ohne Code zu bauen und zu veröffentlichen; der Start ist kostenlos mit bis zu drei Seiten pro Konto.

iconmonstr ist eine Icon-Seite mit mehr als 4.784 kostenlosen Icons in 316 Sammlungen, durchsuchbar und nach Annahme einer Lizenzvereinbarung ladbar.

Jitter ist ein webbasiertes Motion-Design-Werkzeug, das Animationen aus kostenlosen Vorlagen oder einer leeren Arbeitsfläche aufbaut und das Ergebnis als Video, GIF oder Lottie exportiert.

Die ManyPixels-Galerie ist eine Illustrationsgalerie mit mehr als 20.000 kostenlosen Illustrationen in fünf Stilen und 17 Kategorien, mit einer Lizenz, die kommerzielle Nutzung ohne Namensnennung erlaubt.

Mockuuups Studio ist ein Mockup-Editor, in dem du dein Design auf Tausende Geräte- und Druck-Mockups ziehst; er ist im Browser, als Desktop-App und über Plugins für Figma, Sketch, Penpot und Adobe Express verfügbar.

Moqups ist ein cloudbasiertes Design-Werkzeug zum Erstellen von Wireframes, Mockups, interaktiven Prototypen und Diagrammen für Websites, Apps und Dashboards.

Notepad++ ist ein kostenloser Quellcode-Editor und Notepad-Ersatz für Windows; er basiert auf der Komponente Scintilla und steht unter der GPL.

Gut zu wissen: Installation auf dem Computer nötig.

Rive ist ein Werkzeug zum Gestalten interaktiver Animationen und Oberflächen mit Zustandsautomaten; es bietet einen Browser-Editor und eine Desktop-App, und die Ausgabe läuft in Runtimes wie iOS, Android, Web, Flutter, React und Spiel-Engines.

Spline ist ein 3D-Designwerkzeug, mit dem du 3D-Szenen mit Echtzeit-Zusammenarbeit im Browser und in Desktop-Apps für Mac und Windows erstellst, Interaktionen und Animation hinzufügst und für das Web, React und andere Formate exportierst.

Storyset ist die Illustrationsseite der Freepik Company mit bearbeitbaren und animierten Illustrationen, deren kostenlose Nutzung an eine Namensnennung gebunden ist.

The Noun Project ist eine große Bibliothek mit Vektor-Icons und Fotos von Kreativen, als SVG und PNG ladbar, mit kostenlosen Downloads und kostenpflichtigen Royalty-free-Lizenzen.

unDraw ist eine Illustrationsseite mit kostenlosen SVG-Illustrationen, deren Farben du sofort an deine Marke anpassen kannst, mit einer Lizenz für kommerzielle und nichtkommerzielle Nutzung ohne Namensnennung.

Visual Studio Code ist ein Code-Editor von Microsoft für Windows, macOS, Linux und den Browser (vscode.dev) mit Erweiterungen, Git, integriertem Terminal und Debugging.

Gut zu wissen: Installation auf dem Computer nötig.

Zed ist ein in Rust geschriebener Code-Editor von Zed Industries, ausgelegt auf Geschwindigkeit und die Zusammenarbeit mit Menschen und KI, für macOS, Windows und Linux.

Gut zu wissen: Installation auf dem Computer nötig.

Adobe Color ist ein Adobe-Werkzeug, das Paletten mit Harmonieregeln am Farbrad erstellt, Paletten und Verläufe aus Bildern zieht und Kontrastprüfung sowie Farbsehschwäche-Simulation bietet.

Awwwards ist eine Galerie für Webdesign-Auszeichnungen und Inspiration, die preisgekrönte Websites nach Kategorie und Technologie zeigt; das Stöbern ist kostenlos, während die Pro-Mitgliedschaft Vorteile bei Einreichung und Profil bietet.

Color Hunt ist ein Paletten-Browser, in dem Designer und Künstler fertige Farbpaletten nach Farbe, Stimmung oder Thema durchstöbern und nach neu, beliebt oder zufällig sortieren.

Dribbble ist eine Designplattform, auf der Designer ihre Arbeiten teilen, auf der du Top-Designer und ihre Arbeiten entdecken kannst und auf der Unternehmen nach kreativen Talenten suchen.

Figma ist ein Design-Werkzeug, mit dem man Oberflächen auf einer einzigen Arbeitsfläche gestaltet und prototypisch umsetzt, im Team arbeitet und Designs mit dem Dev Mode in Code überführt; es wird über figma.com und Desktop-Apps genutzt.

Fontjoy ist ein Web-Werkzeug, das mit Deep Learning Schriftkombinationen vorschlägt, das Paar per Generieren, Sperren und Bearbeiten auch von Hand änderbar macht und die Google-Fonts-Bibliothek als Quelle nennt.

Google Fonts ist Googles Schriftensammlung auf fonts.google.com, überwiegend unter der SIL Open Font License verbreitet, einige Schriften unter Apache 2 und der Ubuntu Font License.

Google Sites ist ein Google-Werkzeug, in Google Workspace integriert, um Team-, Projekt- und Veranstaltungsseiten per Drag-and-drop ohne Code zu bauen.

Leonardo ist ein quelloffenes Adobe-Farbwerkzeug, das aus einem Ziel-Kontrastverhältnis Farbskalen und adaptive Themes erzeugt und Barrierefreiheit von Anfang an mitdenkt.

LottieFiles ist eine Motion-Design-Plattform mit einer Bibliothek aus mehr als 800.000 fertigen Animationen, kostenlos und Premium, dem webbasierten Editor Lottie Creator sowie den Formaten Lottie und dotLottie.

Mobbin ist eine Design-Referenzbibliothek mit Bildschirmen von Mobil- und Web-Apps, durchgängigen Abläufen wie Onboarding und Checkout, Oberflächenmustern und Website-Bereichen; mit einem kostenlosen Konto hast du nur eingeschränkten Zugriff.

PageSpeed Insights analysiert die Adresse einer Seite für Mobilgeräte und Desktop und zeigt Felddaten echter Nutzer zusammen mit Lighthouse-Labordaten.

Penpot ist eine Open-Source-Designplattform für Oberflächendesign, Wireframes und interaktive Prototypen; du kannst sie in der Cloud nutzen oder auf deinem eigenen Server installieren, und sie arbeitet mit offenen Standards wie SVG, CSS, HTML und JSON.

Phosphor Icons ist eine MIT-lizenzierte Icon-Familie für Oberflächen, Diagramme und Präsentationen mit 1.248 Icons und sechs Strichstärken (Thin, Light, Regular, Bold, Fill, Duotone).

Placeit ist das webbasierte Design-Werkzeug von Envato und bietet Mockups für Bekleidung, digitale Geräte, Druck und Print-on-Demand-Produkte sowie einen Logo-Generator, Design-Vorlagen und Videowerkzeuge; unbegrenzte Downloads gibt es mit einem Abo.

Rotato ist ein Mockup-Generator, der dein eigenes App- oder Webdesign auf den Bildschirmen von mehr als 30 fertigen 3D-Geräten platziert und daraus ein animiertes Video oder Bild macht; es gibt eine macOS-App und eine Web-Version als öffentliche Beta.

Gut zu wissen: Installation auf dem Computer nötig.

Shots.so ist eine webbasierte Mockup-App, die Produkt-Screenshots mit Geräterahmen, Hintergründen und animierter Bewegung in Präsentationsbilder oder kurze Videos verwandelt.

Squarespace ist eine Plattform, um ohne Code eine Website mit Vorlagen, einem Drag-and-drop-Editor und einem KI-Website-Builder zu bauen, mit Hosting, Domains und Handelswerkzeugen an einem Ort.

Sublime Text ist ein kostenpflichtiger Texteditor von Sublime HQ für Windows, macOS und Linux, der Leistung für Code, Auszeichnungssprachen und Fließtext betont, mit Plugins über eine Python-3.8-API.

Gut zu wissen: Installation auf dem Computer nötig.

Uizard ist ein KI-gestütztes Werkzeug für Oberflächendesign, das aus einem Textprompt bearbeitbare Prototypen mit mehreren Bildschirmen erzeugt und Screenshots sowie Handskizzen in bearbeitbare Designs verwandelt.

WAVE ist ein Werkzeug von WebAIM, das Barrierefreiheits- und WCAG-Fehler per Symbol direkt auf einer Webseite markiert; es gibt es als Online-Tool und als Browser-Erweiterung.

Webflow ist eine Plattform zum Erstellen von Websites, mit der du eine Seite visuell ohne Code gestaltest und mit CMS, Hosting und E-Commerce-Funktionen veröffentlichst.

WhatTheFont ist das Schrifterkennungs-Werkzeug von MyFonts: Es sucht in seiner Datenbank nach Schriften, die dem Text in einem Bild ähneln, und zeigt eine Trefferliste mit Textvorschauen.