Font Pairing Studio

Design, Utvikling og Publisering
Utforsk Verktøyet

SAMMENDRAG

Prosjektvarighet

2 måneder: September – Oktober 2025

Min Rolle

UX Designer, Prompt Engineer og Utvikler

Metode

Design Thinking og Prompt Engineering

Verktøy

Design og utvikling: Figma Make

Publisering: GitHub og Render

Prosjektmål

Å gjøre prosessen med å finne og kombinere fonter enklere, raskere og mer tilgjengelig ved å tilby et brukervennlig og effektivt alternativ til eksisterende, ofte trege og begrensede verktøy.

Sluttprodukt

Et gratis, nettbasert verktøy som lar designere og utviklere raskt oppdage, teste og visualisere font-paringer på en intuitiv og mobilvennlig måte, uten behov for innlogging eller abonnement.

Bakgrunn // Problemstilling

Å finne gode fontkombinasjoner er en viktig, men tidkrevende del av designprosessen. Mange eksisterende verktøy er trege, uoversiktlige, varierer i funksjonalitet og er dårlig tilpasset mobile arbeidsflyter, samtidig som de ofte krever innlogging eller abonnement. Dette skaper unødvendig friksjon for designere og utviklere som ønsker raske og fleksible fontparinger med gode visualiseringsmuligheter. Prosjektet tar derfor utgangspunkt i behovet for et gratis, enkelt og intuitivt verktøy som samler de mest praktiske funksjonene for fontparing på ett sted.

Metode: Design Thinking og Prompt Engineering

1. Design

Det startet med en utforskende fase, der jeg identifiserte utfordringer i eksisterende fontparingsverktøy. I Figma utviklet jeg wireframes og prototyper som fokuserte på enkelhet, oversikt og effektiv bruk på både desktop og mobil.

2. Prompt Engineering og Utvikling

Designet ble overført til Figma Make for å implementere funksjonalitet og videre iterere. Jeg brukte prompt engineering for å optimalisere AI-responsen i både kode og design, ved å teste ulike formuleringer og justere promptene for bedre brukervennlighet, funksjonalitet og hastighet.

3. Testing, Iterasjon og Publisering

Verktøyet ble testet av fire designere for å evaluere opplevelse og funksjonalitet. Tilbakemeldingene førte til justeringer i UI og interaksjoner. Den ferdige koden ble deretter eksportert fra Figma Make, tilpasset og publisert via GitHub og Render for å gjøre verktøyet gratis og lett tilgjengelig.

Resultat

Digitalt Verktøy

Font Pairing Studio Mockup

Effekt

Prosjektet ga økt forståelse for hvordan AI, prompt engineering og verktøy som Figma Make kan forenkle og effektivisere designprosesser. Resultatet ble et gratis, intuitivt og tilgjengelig verktøy som reduserer friksjon i arbeidsflyten for designere og utviklere, og viser hvordan AI-drevne løsninger kan støtte kreativ utforskning uten krav om teknisk kompetanse. Verktøyet fikk svært positive tilbakemeldinger, særlig for sin nyttighet og brukervennlige grensesnitt.

Læringsutbytte

Gjennom prosjektet fikk jeg praktisk erfaring med Figma Make, prompt engineering og publisering av kode generert fra AI-drevne designverktøy. Jeg videreutviklet ferdigheter i innhenting av lavterskel tilbakemeldinger, iterativ forbedring og publisering av webapplikasjoner, og styrket evnen til å omsette brukerinnsikt til funksjonelle og brukervennlige digitale løsninger.

Takk for at du leste casestudien min!