29 geniale Chrome-Erweiterungen für Design

Als Freiberufler, der aufmerksamkeitsstarke Bilder für seine Kunden erstellen muss, bin ich immer auf der Suche nach den besten Google Chrome-Erweiterungen für Design, die meine Arbeit 100 Mal einfacher machen.

Ganz gleich, ob du ein erfahrener Designer bist oder gerade erst anfängst, wenn du mit diesem Beitrag fertig bist, wirst du mindestens ein neues Tool haben, mit dem du noch bessere Kunstwerke erstellen kannst (und auch effizienter bist).

Screenshot und Anmerkungen Chrome-Erweiterungen-

Awesome Screenshot

Awesome Screenshot ist sehr hilfreich, wenn es darum geht, Screenshots und Bildschirmaufnahmen von Ihrem Bildschirm zu machen, während Sie online sind.

Features

• Screenshot von Online-Seiten beim Surfen
• Erstellen Sie eine Videoaufnahme Ihres Bildschirms
• Screenshot zuschneiden und Größe ändern Bilder
• Anmerkungs- und Unschärfewerkzeuge sind ebenfalls verfügbar
• Bilder und Videos einfach herunterladen und speichern

Get Awesome Screenshot

qSnap

qSnap ist ein browserübergreifendesBrowserübergreifendes Screenshot-Tool für Chrome, Firefox, Safari, Opera und Internet Explorer.

Features

• Mehrere Bilder gleichzeitig erfassen und mit Anmerkungen versehen
• Mehrere Bilder zusammenführen in einem Dokument zusammenfassen
• Bildschirmaufnahmen plattformübergreifend teilen

Get qSnap

Evernote Web Clipper

Evernote ist eine beliebte Notiz- undNotizensoftware für mobile Geräte und Desktop-/Laptop-Computer.

Features

• Screenshots online aufnehmen
• Screenshots in Ordnern organisieren
• Screenshots geräteübergreifend synchronisieren, damit Sie überall darauf zugreifen können

Erhalten Sie Evernote Web Clipper

Bild- und Fotobearbeitungserweiterungen für Chrome

Colorzilla

Haben Sie eine schöne Farbe auf der Website eines anderen entdeckt? Finden Sie den HEX-Code mit Colorzilla heraus.

Funktionen

• Farbwerte von jedem Punkt im Browser abrufen
• Anzeige von RGB- und HEX Codes
• Einfaches Einfügen von Farben in andere Anwendungen

Get Colorzilla

ProofMe für Canva

Mit der ProofMe-Erweiterung von Canva, können Sie Proofs von Ihren Canva-Entwürfen erstellen und per E-Mail an Freunde oder Kollegen senden.

Features

• Proofs nahtlos mit Gmail, Facebook, Twitter, Slack und mehr teilen
• Entwürfe durch Zeichnen von Linien, Hervorheben von Text, Messungen vornehmen und Kommentare hinzufügen
• Einfaches Einarbeiten von Feedback und Speichern neuer Versionen von Proofs

Get ProofMe

Picmonkey

Picmonkey ist eine der besten Chrome-Erweiterungen für Designer, mit der Sie Screenshots und Bilder auf jeder Webseite sofort bearbeiten können.

Wie man PicMonkey verwendet

• Klicke auf das PicMonkey-Symbol, wenn du eine Webseite anschaust.
• Wählen Sie ein beliebiges Bild oder einen Screenshot in einer Seitenleiste aus.
• Grundlegende Bearbeitungen wie z. B. Zuschneiden & Drehen, Bildfilter, Überlagerungen, Schriftarten, Texturen, Rahmen und Retuschierwerkzeuge durchführen.

Holen Sie Picmonkey

Slidely Photo Remix

Erwecken Sie jedes Online-Bild mit den benutzerdefinierten Bearbeitungsfunktionen von Slidely Photo Remix zum Leben.

Features

• Fügen Sie Textüberlagerungen zu jedem Bild mit einem Klick.
• Erstellen Sie vollwertige Collagen, Dias mit Musik oder sogar eine Werbung für Ihr Unternehmen.
• Teilen Sie Ihre Fotos per E-Mail, Facebook, Google Plus, Pinterest oder Twitter.

Get Slidely Photo Remix

Photomania

Verwandeln Sie jedes Online-Foto mit den benutzerfreundlichen Effekten von PhotoMania sofort in aufregende visuelle Kunst.

Wie verwendet man PhotoMania

• Fahren Sie mit der Maus über ein beliebiges Bild in Ihrem Browser.
• Wählen Sie aus über 400 Effekten. In diesem Beispiel wurde der Effekt „Skizze“ ausgewählt.
• Teilen Sie Ihr Bild mit Freunden.

Wenn Sie PhotoMania mögen, sind Polarr und GooEdit zwei weitere Erweiterungen, mit denen Sie Fotos direkt in Ihrem Browser bearbeiten können.

Get PhotoMania

Sumo Paint

Sumo Paint ist eine voll funktionsfähige Mal- und Bildbearbeitungserweiterung für den fortgeschrittenen Designer, der atemberaubende Bilder erstellen möchte, ohne das Preisschild, das mit Tools wie Photoshop kommt.

Funktionen

• Eine aktive Kunst-Community mit über 570.000 Mitgliedern und über 2 Millionen Bildern
• Unterstützung für Bildebenen
• Schatten-, Glüh-, Verlaufs- und Überlagerungseffekte
• Bildanpassungswerkzeuge für Kurven, Ebenen, Farbbalance und mehr
• Professionelle Malwerkzeuge mit über 300 Pinseln
• Dutzende weitere Funktionen, die mit den Standardwerkzeugen von Photoshop vergleichbar sind

Get Sumo Paint

Ihr Grafikdesigner

Ihr Grafikdesigner ist ein HTML5-Vektorgrafik-Editor, mit dem Sie Zeichnungen, Vektoren und Gemälde sowohl online als auch offline erstellen können.

Features

• Freihändiges Zeichnen
• Eine vollständige Palette von Vektorwerkzeugen, einschließlich Linien, Formen und Kurven
• Export als SVG, PNG, JPG, BMP und PDF
• Mehrsprachige Unterstützung

Get Your Graphic Designer

WhatFont

Ist Ihnen eine coole Webschrift ins Auge gefallen und Sie möchten wissen, welche es ist? WhatFont prüft und erkennt die auf einer Website verwendeten Schriftarten.

Wie Sie WhatFont verwenden

• Klicken Sie auf das WhatFont-Symbol, um eine Liste der verschiedenen auf der Seite verwendeten Schriftarten anzuzeigen.
• Fahren Sie mit dem Mauszeiger über einen bestimmten Textabschnitt, um mehr über dessen Schriftart zu erfahren.

WasFont

Image Downloader

Mit dem Image Downloader können Sie alle Bilder einer beliebigen Website durchsuchen und herunterladen.

• Sehen Sie alle Seitenbilder, sowohl gehostete als auch verlinkte
• Filtern Sie Bilder nach Breite, Höhe und URL
• Downloaden oder öffnen Sie einzelne Bilder

Verwenden Sie die Gallerify-Erweiterung, die dieselbe Funktion ausführt.

Get Image Downloader

Pablo

Gestalten Sie Bilder, die für jede Social-Media-Plattform optimiert sind, mit der Pablo Chrome-Erweiterung.

Wie man Pablo verwendet

• Wählen Sie aus über 600.000 kostenlosen Stockbildern oder laden Sie Ihre eigenen hoch.
• Wählen Sie aus, auf welcher Social-Media-Plattform das Bild gehostet werden soll.
• Fügen Sie Text und andere Bildfilter hinzu, um Ihr ganz eigenes Meisterwerk zu erstellen.

Get Pablo

Emoji-Tastatur

Lieben Sie Emojis? Fügen Sie sie mit dieser Erweiterung zu Ihrem geschriebenen Inhalt oder zu Bildern hinzu.

Wie Sie Emoji Keyboard verwenden

• Klicken Sie auf das Emoji Keyboard Symbol in Ihrer Browserleiste.
• Suchen Sie nach dem Emoji, das Sie verwenden möchten.
• Klicken Sie, um es zu kopieren und fügen Sie es dann in das ein, was Sie gerade schreiben.

Emoji-Tastatur

HoverZoom+

Vergrößern Sie das Bild einer beliebigen Website, indem Sie einfach mit der Maus über das Bild fahren.

Features

• Arbeitet mit Amazon, Facebook, Flickr, Google (Google Images, Google+), Imgur, Pinterest, Reddit, Twitter. Tumblr, Wikipedia, WordPress, YouTube und mehr

Get HoverZoom+

Texmage

Erstelle mit Texmage Text-Overlays auf jedem Bild, ohne das Bild erst herunterladen, in Canva oder Picmonkey hochladen und dann bearbeiten zu müssen.

Wie man Texmage benutzt

• Wählen Sie ein Bild von einer beliebigen Website aus.
• Fügen Sie Text auf dem Bild hinzu und passen Sie Größe, Schriftart, Farbe und Deckkraft an.
• Laden Sie Ihr neues „Texmage“ herunter oder teilen Sie es in sozialen Medien.

Get Texmage

Speichern in Google Fotos

Speichern Sie Bilder, die Sie online finden, in Ihren Google Fotos, damit Sie sie später bearbeiten können.

Funktionen

• Unbegrenzter, kostenloser Speicherplatz
• Zugriff auf Fotos überall dort, wo eine Internetverbindung besteht
• Automatisches Entfernen doppelter Bilder
• Mehrere Fotoalben

Get Google Fotos

Webentwickler Chrome-Erweiterungen-

PerfectPixel

PerfectPixel ermöglicht es Entwicklern, ein halbtransparentes Bild über eine HTML-Seite zu legen, um einen Pixel-für-Pixel-Vergleich zwischen ihnen durchzuführen.

Features

• Unterstützung für mehrere Overlays
• Unterstützung für Inversion und Skalierung
• Overlays, die zwischen Browsing-Sessions gespeichert werden

Zwei weitere Overlay-Tools – Bootstrap Overlay und Instant Wireframe – sind ebenfalls einen Blick wert.

Get PerfectPixel

CSS Shack

CSS Shack ist eine Chrome-Erweiterung und eine Desktop-Anwendung, mit der Sie Website-Designs und App-Mock-ups einfach erstellen können.

Features

• Ebenenstile erstellen
• Stile in CSS exportieren und speichern
• Zur Erstellung und Pflege eines eines Web-Style-Guides

Get CSS Shack

CSS3 Generator

Die CSS3 Generator-Erweiterung erstellt den benötigten CSS-Code, damit Sie ihn nicht selbst schreiben müssen.

Funktionen

• Text- und Boxschatten
• Hex/RGBA-Farben
• Transformationen
• Spalten
• Gradienten
• Übergänge
• Und mehr!

Get CSS3 Generator

Seitenlineal

Mit dem Seitenlineal können Sie auf jeder Seite ein Lineal zeichnen, um die Pixelmaße und die Positionierung für jedes Element auf einer Webseite anzuzeigen.

Features

• Ansicht der Breite &Höhe und oberen, unteren, linke & rechte Position
• Anleitungen, die sich von den Linealkanten aus erstrecken
• Manuelles Aktualisieren der Linealgröße und -position, um präzise Änderungen vorzunehmen
• „Elementmodus“ umreißt Seitenelemente auf der Seite, wenn Sie mit der Maus darüber fahren
• Navigieren durch übergeordnete, untergeordnete und geschwisterliche Elemente eines beliebigen Elements

Seitenlineal anzeigen

Chrome Daltonize!

Farbenblindheit betrifft etwa 5% der Bevölkerung. Das ist 1 von 20 Computernutzern! Die Chrome-Erweiterung Daltonize verstärkt Farbdetails, so dass farbenblinde Nutzer keine Inhalte verpassen.

Merkmale

• Simuliert, wie Bilder für eine farbenblinde Person erscheinen
• Gibt Farben für farbenblinde Nutzer wieder, so dass sie Details sehen können

Get Chrome Daltonize

Window Resizer Beta

Jede Bildschirmgröße hat eine andere Auflösung, Der Window Resizer zeigt Ihnen, wie eine Website auf verschiedenen Bildschirmen aussieht – und zwar in Ihrem Browserfenster.

Wie verwendet man Window Resizer

• Nach der Installation öffnet sich durch Anklicken des Erweiterungssymbols ein Dialogfeld (wie in der Abbildung unten gezeigt), mit dem Sie die Größe Ihres Bildschirms auf verschiedene Auflösungen einstellen und so simulieren können, wie eine Website auf dieser Bildschirmgröße und -auflösung aussehen würde.

Get Window Resizer Beta

Web Maker

Web Maker ist ideal für Entwickler, die mit HTML-, CSS- oder Javascript-Elementen experimentieren wollen, wenn sie nicht online sind.

Features

• Speichern und laden Sie Ihre Kreationen, jederzeit, überall
• Autokomplettierung des Codes
• Bearbeiten in CodePen
• Vorschau der Screenshot-Erfassung
• Quellcode auf Github öffnen

Get Web Maker

Blue Button

Blue Button ist die ultimative Spionagewaffe eines DIY-Designers. Verwenden Sie es, um die Meta-Beschreibung, Tags, CSS und alles andere „unter der Haube“ einer beliebigen Website zu inspizieren.

Funktionen

• Eine Übersicht über alle wichtigen Webdesign-, Grafik- und SEO-Elemente auf einen Klick
• Zugriff auf SEO-bezogene Informationen wie Tags, Meta-Beschreibung und Header-Informationen
• Eine Liste aller auf der Website verwendeten Skripte und Stylesheets anzeigen
• Das Website-Favicon, Touch-Icons und andere Bilder anzeigen.
• Finden Sie heraus, welche Google-Schriftarten geladen sind

Get Blue Button

Inspirierende Chrome-Erweiterungen-

26. Flickr Tab

Sobald Flickr Tab installiert ist, zeigt jede neue Chrome-Registerkarte ein beliebtes Foto aus der Flickr-Community an.

Merkmale

• Große Auswahl an hochwertigen Bildern aus der Flickr-Community
• Ein-Klick Zugriff auf das Bild auf Flickr
• Sofortiger Link zu weiteren Fotos des Nutzers

Get Flickr Tab

Google Art Project

Es ist nicht immer einfach, sich als Künstler inspirieren zu lassen. Google Art Project öffnet jedes Mal ein neues künstlerisches Meisterwerk, wenn du einen neuen Chrome-Tab öffnest.

Merkmale

• Meisterwerke von Van Gogh über Monet bis hin zu zeitgenössischen Straßenkünstlern
• Kunstwerke werden täglich aktualisiert
• Jedes Bild ist mit zu weiteren Informationen auf der Website des Google Cultural Institute

Get Google Art Project

Wookmark

Wookmark ermöglicht es Ihnen, visuelle Lesezeichen zu sammeln, um sich inspirieren zu lassen und Ihre Kreativität anzuregen.

Wie Wookmark funktioniert

• Einfaches Setzen von Lesezeichen und Speichern von Bildern von anderen Websites
• Hochladen von kreativen Arbeiten und mit anderen teilen
• Gruppen zum Erstellen von Moodboards nutzen
• Bilder mit Freunden teilen und diskutieren

Wookmark kaufen

Muzli 2

In Echtzeittime design inspiration, einschließlich Fotos, Designs, UI/UX und mehr aus dem Internet.

Features

• Ersetzt Ihre Chrome-Standardseite mit dem frischesten Design, UI, UX und interaktiven Nachrichten und Fotos aus dem Web
• Integriert mit Dribbble, Designer News, Sidebar, CSS Winner, The Next Web und mehr

Get Muzli 2

Und das ist ein Wrap!

Das sind 29 Google Chrome-Erweiterungen für Designer, die Ihnen helfen, atemberaubende Bilder zu erstellen und sich immer inspirieren zu lassen!