De beste gratisverktøyene på nett for designere
En samling av de nettbaserte verktøyene jeg faktisk bruker i designhverdagen – for bildekomprimering, PDF-håndtering, typografi, fargeverktøy og mye mer.
Ikke alle gode verktøy koster penger. Noen av de mest nyttige tingene i designhverdagen er gratis nettbaserte tjenester du kan bruke rett i nettleseren. Her er samlingen jeg faktisk benytter meg av – kategorisert etter bruksområde.
Bildekomprimering og konvertering
squish.addy.ie er det raskeste jeg har funnet for å konvertere og komprimere bilder til WebP eller AVIF – alt skjer i nettleseren uten server-opplasting. Squoosh (squoosh.app) gir mer kontroll med side-ved-side-sammenligning av original og komprimert. SVGOmg (jakearchibald.github.io/svgomg) er uunnværlig for å rydde opp i og komprimere SVG-filer eksportert fra Illustrator eller Figma – det kan halvere filstørrelsen uten å endre det visuelle resultatet.
PDF-håndtering
smallpdf.com er raskest for komprimering og enkle operasjoner som sammenslåing og splitting. ilovepdf.com er et godt alternativ uten daglig grense. PDF24.org skiller seg ut med en gratis desktop-app for de som jobber med sensitive dokumenter som ikke bør lastes opp til en sky-tjeneste.
Farge og kontrast
Coolors (coolors.co) er det beste verktøyet for å generere og utforske fargepaletter. Trykk mellomrom og se nye forslag – enkelt og vanedannende. Contrast (usecontrast.com) og WebAIM Contrast Checker sjekker raskt om tekst-/bakgrunnskombinasjonene dine møter WCAG-kravene. Oklch.com er nyttig for å utforske det moderne OKLCH-fargerommet som brukes i CSS i dag.
Typografi og fonter
Google Fonts (fonts.google.com) er fortsatt den beste kilden til gratis, lisensfrie fonter for nett. Fontjoy (fontjoy.com) bruker AI til å foreslå fontkombinasjoner som fungerer godt sammen. Type Scale (typescale.com) lar deg visualisere og eksportere et typografisk skala basert på matematiske proporsjoner – veldig nyttig når du skal sette opp CSS-typografisystem.
Ikoner og illustrasjoner
Heroicons (heroicons.com) og Lucide (lucide.dev) gir deg gratis SVG-ikoner som er konsistente og enkle å bruke i Figma og kode. Storyset (storyset.com) tilbyr gratis illustrasjoner i tilpassbare stiler – nyttig for onboarding-flater og tomme tilstander. Undraw (undraw.co) har et bredt bibliotek av frie SVG-illustrasjoner der du kan tilpasse fargen direkte på nettstedet.
CSS og kode-hjelp for designere
CSS Gradient (cssgradient.io) er det enkleste verktøyet for å generere CSS-gradients visuelt. Neumorphism.io gjør det enkelt å generere box-shadow-verdier for soft UI-effekter. Haikei (haikei.app) genererer organiske SVG-bakgrunner og bølge-formasjonene du ser overalt – med full kontroll over farger og form. Clippy (bennettfeely.com/clippy) er en visuell editor for CSS clip-path-former.