Welche Chrome-Extensions vereinfachen Design-Workflows?

Um unsere Workflows zu verbessern, sind wir fast täglich auf der Suche nach neuen Tipps, Tricks und Tools. Wir geben Ihnen einen Überblick über hilfreiche Extensions um Ihre Design-Tätigkeiten zu erleichtern.

Window Resizer

Als Designer starren wir beim Lesen oder Bearbeiten von Fotos, Videos oder Screendesigns höchstwahrscheinlich auf einen 27-Zoll-iMac oder einen Displays in äquivalenter Größe. Die meisten Konsumenten haben jedoch keine Monitore in vergleichbarer Größe.
Die Lösung dazu ist Window Resizer - ein echter Lebensretter, wenn es darum geht, zu sehen, wie Ihre Website in verschiedenen Auflösungen wirkt. Erweiterung öffnen und entweder auf die voreingestellten Ansichtsfenster klicken Sie oder eine benutzerdefinierte Größe eingeben. Im Gegensatz zu den Developer Tools, wo eine ähnliche Skalierung möglich ist, finden wir dieses kleine Helferlein im täglichen Gebrauch angenehmer. 

Loom

Ein Bild sagt mehr als tausend Worte? Wie viel wird dann erst ein Video wert sein? Loom ist eine kostenlose Extension, mit der Sie Animationen, User-Flows oder Bugs aufzeichnen und mit Ihrem Team teilen können. 

Das Tool bietet sich ideal dafür an, wenn Sie versuchen, Dinge zu kommunizieren, die nicht nur mit Screenshots erfasst werden können. Installieren Sie einfach die Erweiterung und drücken Sie auf Record. Sobald Sie fertig sind, können Sie Ihr Video freigeben und sogar Statistiken abrufen, wer es angesehen hat und vieles mehr.

Muzli

Sie benötigen eine Portion Inspiration zusätzlich zu Ihrem Morgen-Kaffee? Muzli gibts zahlreiche Design-Ideen in einem übersichtlichen Feed. Und das jedes mal, wenn Sie Ihr Browserfenster oder einen zusätzlichen Tab öffnen. Dabei bietet Ihnen Muzli Design Inspirationen auf Knopfdruck. 

SVG Grabber

Manchmal will man ohne großen Mühe und Quellcode-Suchen auf Logos oder Symbole einer Seite zugreifen. Wenn Sie vor ähnlichen Problem stehen, wird Ihnen SVG Grabber das Leben erleichtern. Mit Klick auf die Extension wird die Website automatisch nach SVGs geparst und dargestellt. 

Page Ruler

Das Messen der Größe von Objekten auf Ihrer Seite ist per Hand etwas schwierig. Wenn Sie dafür Ihr Screenshot-Tool missbrauchen, empfehle ich auf jeden Fall, sich die Page Ruler Extention. Einfach die Extension öffne, das Feld zum Messen aufziehen und fertig. That´s it.

ColorZilla

Manchmal möchte man schnell erfassen können, welche Farben auf der Website verwendet werden. Klar kann man auch hier den mühevolleren Weg gehen und die CSS Properties studieren. Es geht aber auch einfach einfacher - mit ColorZilla. Bewegen Sie den Mauszeiger einfach über die Elemente auf Ihrer Seite, um die verwendeten Hex- und RGB-Farbwerte anzuzeigen. Mit einem Klick sind die Farbwerte in die Zwischenablage kopiert. Schnell, einfach und effizient.

Fontface Ninja

Ähnlich zu ColorZilla ist man manchmal neugierig, welche Fonts auf der jeweiligen Website zum Einsatz kommen. Eine einfache und intuitive Erweiterung hierfür ist Fontface Ninja. Einfach mit der Maus über das jeweilige Elemente fahren, um zu erfahren, welche Fonts zum Einsatz kommen.

 

Vielen Dank fürs Lesen. Die vorgestellten Tools helfen uns bei unseren täglichen Aufgaben Design-Lösungen für unsere Kunden zu erschaffen. Egal ob benutzerfreundliche Screendesigns, konvertierende Banner oder Marketing-Assets für Ihre nächste Online-Kampagnen sprechen Sie uns gerne jederzeit an.