Google Fonts
Website·Design & EntwicklungGoogle 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.
Schriftarten finden
Gut zu wissen: Die Bedingungen der kostenlosen Nutzung hängen vom Tool und vom Tarif ab. Nennt eine Karte keine toolspezifische Grenze, prüfe Kontingente, Wasserzeichen und Exportbedingungen auf der offiziellen Seite.
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.
Schriftarten finden
Google Sites ist ein Google-Werkzeug, in Google Workspace integriert, um Team-, Projekt- und Veranstaltungsseiten per Drag-and-drop ohne Code zu bauen.
Website ohne Code erstellen
Leonardo ist ein quelloffenes Adobe-Farbwerkzeug, das aus einem Ziel-Kontrastverhältnis Farbskalen und adaptive Themes erzeugt und Barrierefreiheit von Anfang an mitdenkt.
Farbpalette erstellen
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.
3D-Design und Web-Animation
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.
Design-Inspiration
PageSpeed Insights analysiert die Adresse einer Seite für Mobilgeräte und Desktop und zeigt Felddaten echter Nutzer zusammen mit Lighthouse-Labordaten.
Website-Geschwindigkeit und Barrierefreiheit testen
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.
UI-Design und Prototyping
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).
Icons finden
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.
Mockups erstellen
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.
Mockups erstellen
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.
Mockups erstellen
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.
Website ohne Code erstellen
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.
Code-Editoren
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.
UI-Design und Prototyping
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.
Website-Geschwindigkeit und Barrierefreiheit testen
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.
Website ohne Code erstellen
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.
Schriftarten finden