29 kickass Chrome extensies voor design

Als freelancer die aandachttrekkende afbeeldingen voor klanten moet maken, ben ik altijd op zoek naar de beste Google Chrome extensies voor design die mijn werk 100 keer gemakkelijker zullen maken.

Of je nu een ervaren ontwerper bent of net begint, tegen de tijd dat je klaar bent met deze post, heb je ten minste één nieuw hulpmiddel dat je zal helpen nog betere kunst te maken (en ook efficiënter te zijn).

Schermopname en annotatie Chrome-extensies-

Awesome Screenshot

Awesome Screenshot is super handig als het gaat om het maken van schermafbeeldingen en schermopnamen van uw scherm terwijl u online bent.

Functies

• Schermopname maken van online pagina’s tijdens het browsen
• Een video-opname maken van uw scherm
• Schermopname bijsnijden en formaat aanpassen beelden
• Anotatie en vervagingstools ook beschikbaar
• Makkelijk downloaden en opslaan van uw afbeeldingen en video’s

Get Awesome Screenshot

qSnap

qSnap is een cross-browser screen capture tool voor Chrome, Firefox, Safari, Opera en Internet Explorer.

Features

• Meerdere afbeeldingen tegelijk vastleggen en van aantekeningen voorzien
• Meerdere afbeeldingen samenvoegen in één document
• Deel schermopnames op verschillende platforms

Geef qSnap

Evernote Web Clipper

Evernote is een populaire software voor het maken van notitiestaking software voor zowel mobiele apparaten en desktop / laptop computers.

Functies

• Schermafbeeldingen maken terwijl u online bent
• Schermafbeeldingen ordenen in mappen
• Synchroniseer schermafbeeldingen op verschillende apparaten, zodat zodat u er overal bij kunt

Geef Evernote Web Clipper

Foto’s en foto’s bewerken Chrome extensies-

Colorzilla

Ontdekt u een mooie kleur op de website van iemand anders? Zoek de HEX code uit met Colorzilla.

Features

• Krijg een kleurwaarde vanaf elk punt in de browser
• Weergave van zowel RGB- als HEX codes
• Plak kleuren gemakkelijk in een andere toepassing

Krijg Colorzilla

ProofMe voor Canva

Met Canva’s ProofMe-extensie, kunt u proefdrukken van uw Canva-ontwerpen maken en deze naar vrienden of collega’s e-mailen.

Functies

• Deel drukproeven naadloos met Gmail, Facebook, Twitter, Slack en meer
• Anoteer ontwerpen door lijnen te trekken, tekst te markeren, te meten en opmerkingen toe te voegen
• Eenvoudig verwerken van feedback en opslaan van nieuwe versies van proefdrukken

Get ProofMe

Picmonkey

Picmonkey is een van de beste Chrome-extensies voor ontwerpers waarmee u direct schermafbeeldingen en afbeeldingen kunt bewerken die u op elke webpagina kunt vinden.

Hoe PicMonkey te gebruiken

• Klik op het PicMonkey-pictogram wanneer u een webpagina bekijkt.
• Selecteer een afbeelding of screenshot in een zijbalk.
• Voer basisbewerkingen uit zoals: bijsnijden & roteren, afbeeldingsfilters, overlays, lettertypen, texturen, frames en bijwerkgereedschappen.

Get Picmonkey

Slidely Photo Remix

Breng elke online afbeelding tot leven met de aangepaste bewerkingsfuncties van Slidely Photo Remix.

Features

• Voeg tekstoverlays toe aan elke afbeelding met één klik.
• Maak complete collages, dia’s met muziek of zelfs een promo voor uw bedrijf.
• Deel uw foto’s via e-mail, Facebook, Google Plus, Pinterest of Twitter.

Get Slidely Photo Remix

Photomania

Verander onmiddellijk elke online foto in spannende visuele kunst met eenvoudig te gebruiken effecten van PhotoMania.

Hoe gebruikt u PhotoMania

• Beweeg de muis over een afbeelding in uw browser.
• Kies uit meer dan 400 effecten. In dit voorbeeld is het “Sketch” effect geselecteerd.
• Deel uw afbeelding met vrienden.

Als u PhotoMania leuk vindt, zijn Polarr en GooEdit twee andere extensies waarmee u gemakkelijk foto’s direct in uw browser kunt bewerken.

Get PhotoMania

Sumo Paint

Sumo Paint is een volledig uitgeruste schilder- en beeldbewerkingsextensie voor de gevorderde ontwerper die verbluffende afbeeldingen wil maken zonder het prijskaartje dat komt met gereedschappen als Photoshop.

Functies

• Een actieve kunstcommunity met meer dan 570.000 leden en meer dan 2 miljoen afbeeldingen
• Ondersteuning voor afbeeldingslagen
• Schaduw-, gloed-, kleurverloop- en overlay-effecten
• Aanpassingsgereedschappen voor curven, niveaus, kleurbalans en meer
• Afbeeldingsaanpassingsgereedschappen voor curven, niveaus, kleurbalans en meer
• Professionele schildergereedschappen met meer dan 300 penselen
• Tientallen meer functies die vergelijkbaar zijn met de standaard gereedschappen van Photoshop

Get Sumo Paint

Your Graphic Designer

Your Graphic Designer is een HTML5 vector graphics editor kan worden gebruikt om tekeningen, vectoren en schilderijen te maken, zowel online als offline.

Functies

• Tekenen uit de vrije hand
• Een volledige lei met vectortools, inclusief lijnen, vormen en krommen
• Exporteren als SVG, PNG, JPG, BMP en PDF formaten
• Meertalige ondersteuning

Geef uw grafische ontwerper

WhatFont

Cool webfont heeft uw aandacht getrokken en u wilt weten wat het is? WhatFont inspecteert en detecteert de lettertypen die op elke website worden gebruikt.

Hoe gebruikt u WhatFont

• Klik op het WhatFont-pictogram om een lijst te zien van de verschillende lettertypen die op de pagina worden gebruikt.
• Beweeg de muis over een specifiek gedeelte van de tekst om meer te weten te komen over het lettertype ervan.

Krijg WhatFont

Image Downloader

Bekijk en download alle afbeeldingen van elke website met Image Downloader.

• Zie alle pagina afbeeldingen, zowel gehoste als gelinkte
• Filter afbeeldingen op breedte, hoogte en URL
• Download of open individuele afbeeldingen

Gebruik de Gallerify extensie die dezelfde functie vervult.

Download afbeeldingen

Pablo

Ontwerp afbeeldingen die zijn geoptimaliseerd voor elk social media-platform met behulp van de Pablo Chrome-extensie.

Hoe gebruikt u Pablo

• Kies uit meer dan 600.000 gratis stockafbeeldingen of upload uw eigen afbeeldingen.
• Selecteer op welk social media-platform de afbeelding wordt geplaatst.
• Voeg tekst en andere beeldfilters toe om uw eigen meesterwerk te maken.

Krijg Pablo

Emoji-toetsenbord

Vind je Emoji’s leuk? Voeg ze toe aan uw geschreven inhoud of aan afbeeldingen met deze extensie.

Hoe gebruikt u Emoji Keyboard

• Klik op het Emoji Keyboard icoontje in uw browserbalk.
• Zoek naar de emoji die u wilt gebruiken.
• Klik om te kopiëren en plak het vervolgens in wat u aan het typen bent.

Get Emoji Keyboard

HoverZoom+

Zoom in op elke website afbeelding door simpelweg met de muis over de afbeelding te bewegen.

Features

• Werkt met Amazon, Facebook, Flickr, Google (Google Images, Google+), Imgur, Pinterest, Reddit, Twitter. Tumblr, Wikipedia, WordPress, YouTube, en meer

Krijg HoverZoom+

Texmage

Maak tekstoverlays op elke afbeelding met Texmage zonder het gedoe van eerst de afbeelding downloaden, deze uploaden naar Canva of Picmonkey en deze vervolgens bewerken.

Hoe Texmage te gebruiken

• Selecteer een afbeelding van een willekeurige website.
• Voeg tekst toe aan de afbeelding en pas de grootte, het lettertype, de kleur en de ondoorzichtigheid aan.
• Download uw nieuwe “texmage” of deel deze op sociale media.

Krijg Texmage

Opslaan op Google Foto’s

Sla afbeeldingen die u online vindt op in uw Google Foto’s, zodat u er later aan kunt werken.

Functies

• Onbeperkte, gratis opslag
• Toegang tot foto’s overal waar u een internetverbinding hebt
• Automatisch verwijderen van dubbele foto’s
• Meerdere fotoalbums

Krijg Google Foto’s

Webontwikkelaar Chrome-extensies-

PerfectPixel

PerfectPixel stelt ontwikkelaars in staat om een semi-transparantetransparante beeldoverlay over de bovenkant van een HTML-pagina om pixel-voor-pixel vergelijking tussen hen uit te voeren.

Features

• Support voor meerdere overlays
• Inversie en scaling support
• Overlays opgeslagen tussen browsing sessies

Twee andere overlay tools-Bootstrap Overlay en Instant Wireframe-zijn ook de moeite waard om eens te bekijken.

Get PerfectPixel

CSS Shack

CSS Shack is een Chrome-extensie en desktop-applicatie waarmee u eenvoudig website-ontwerpen en app mock-ups kunt maken.

Features

• Maak laagstijlen
• Exporteer stijlen naar CSS en sla op
• Gebruik voor het maken en onderhouden een web stijlgids

Krijg CSS Shack

CSS3 Generator

De CSS3 Generator extensie maakt de CSS code die u nodig heeft, zodat u die niet zelf hoeft te schrijven.

Functies

• Tekst- en boxschaduwen
• Hex/RGBA-kleuren
• Vormen
• Kolommen
• Gradiënten
• Overgangen
• En nog veel meer!

Get CSS3 Generator

Page Ruler

Page Ruler laat u een liniaal tekenen op elke pagina om de pixel afmetingen en positionering weer te geven voor elk element op een web pagina.

Features

• Bekijk de breedte & hoogte en boven, onder, links &rechts positie
• Gidsen die zich uitstrekken vanaf de randen van de liniaal
• De grootte en positie van de liniaal handmatig bijwerken om precieze wijzigingen aan te brengen
• “Element Mode” schetst pagina-elementen op de pagina wanneer u er met de muis overheen gaat
• Navigeer door parent, children en sibling elements van elk element

Get Page Ruler

Chrome Daltonize!

Kleurenblindheid treft ongeveer 5% van de bevolking. Dat is 1 op de 20 computergebruikers! De Chrome Daltonize-extensie versterkt kleurdetails zodat kleurenblinde gebruikers niets van de inhoud hoeven te missen.

Functies

• Simuleert hoe afbeeldingen eruit zullen zien voor een kleurenblinde
• Laat kleuren zien voor kleurenblinde gebruikers zodat ze details kunnen zien

Geef Chrome Daltonize

Window Resizer Beta

Elke schermgrootte heeft een andere resolutie, en Window Resizer laat u zien hoe een website er op verschillende schermen uitziet, allemaal in uw browservenster.

Hoe Window Resizer te gebruiken

• Als u eenmaal op het uitbreidingspictogram hebt geklikt, wordt een dialoogvenster geopend (zoals in de onderstaande afbeelding) waarmee u het formaat van uw scherm kunt aanpassen aan verschillende resoluties, zodat u kunt simuleren hoe een website eruitziet op die schermgrootte en resolutie.

Get Window Resizer Beta

Web Maker

Web Maker is perfect voor ontwikkelaars die willen experimenteren met HTML, CSS of Javascript-elementen wanneer u niet online bent.

Functies

• Bewaar en laad uw creaties, wanneer u maar wilt, anywhere
• Code autocompletion
• Edit in CodePen
• Preview screenshot capture
• Open source on Github

Get Web Maker

Blue Button

Blue Button is het ultieme spionagewapen van een doe-het-zelfontwerper. Gebruik het om de meta-beschrijving, tags, CSS en al het andere “onder de motorkap” van een website te inspecteren.

Features

• Een overzicht van alle essentiële webdesign-, grafische en SEO-elementen in één klik
• Toegang tot SEO-gerelateerde informatie zoals tags, meta description en header-informatie
• Bekijk een lijst met alle scripts en stylesheets die op de site worden gebruikt
• Zie het favicon van de site, touch icons en andere afbeeldingen.
• Ontdek welke Google fonts zijn geladen

Blauwe knop

Inspirerende Chrome extensies-

26. Flickr Tab

Als Flickr Tab is geïnstalleerd, zal elk nieuw Chrome tabblad een populaire foto uit de Flickr gemeenschap tonen.

Functies

• Breed scala aan afbeeldingen van hoge kwaliteit uit de Flickr-gemeenschap
• Eén-klik toegang tot de afbeelding op Flickr
• Instant link naar meer foto’s van de gebruiker

Get Flickr Tab

Google Art Project

Het is niet altijd makkelijk om inspiratie op te doen als je een kunstenaar bent. Google Art Project opent een nieuw artistiek meesterwerk elke keer als je een nieuw Chrome tabblad opent.

Functies

• Kunstwerken van Van Gogh en Monet tot hedendaagse straatkunstenaars
• Kunstwerken worden dagelijks vernieuwd
• Elke afbeelding is verbonden aan meer informatie op de Google Cultural Institute website

Geef Google Art Project

Wookmark

Wookmark stelt u in staat om visuele bladwijzers te verzamelen om u geïnspireerd te houden en die creatieve sappen op gang te brengen.

Hoe Wookmark werkt

• Maak eenvoudig bladwijzers en sla afbeeldingen op van andere websites
• Upload uw creatieve output en en deel het met anderen
• Gebruik groepen om moodboards te maken
• Deel en bespreek afbeeldingen met vrienden

Krijg Wookmark

Muzli 2

Krijg real-tijd ontwerpinspiratie, inclusief foto’s, ontwerpen, UI/UX en meer van over het hele web.

Functies

• Vervangt uw Chrome standaard pagina met het meest frisse design, UI, UX en interactief nieuws en foto’s van het web
• Integreert met Dribbble, Designer News, Sidebar, CSS Winner, The Next Web, en meer

Geef Muzli 2

En dat was het dan!-

Dat zijn 29 Google Chrome extensies voor ontwerpers om u te helpen prachtige beelden te maken en altijd geïnspireerd te zijn!