Værktøjsguide
Værktøjer til wireframing
Wireframe-værktøjer som Balsamiq, Figma og Uizard bruges til at lave wireframes, altså enkle skitser af en side eller skærm, der viser layout, indhold og funktion, før farver, skrifttyper og andet visuelt design lægges fast. Værktøjerne holder fokus på struktur frem for pixels. Se, hvad hvert værktøj typisk egner sig til.
Hvad kategorien løser
- Kom hurtigt fra idé til delbar struktur uden at fortabe dig i detaljer.
- Hold diskussionen på flow og hierarki, ikke på farver og skrifttyper.
- Vælg detaljeniveau efter, hvor tidligt i processen du er.
Værktøjer i kategorien
Nogle links er affiliate-links.
| Værktøj | Bedst til | Handling |
|---|---|---|
Balsamiq | Low-fi wireframes | Besøg værktøjet → |
Figma | Struktur & samarbejde | Besøg værktøjet → |
Uizard | AI-genererede udkast | Besøg værktøjet → |
Bemærk
Uvildig vurdering, pris og hands-on-test er endnu ikke lavet for denne kategori. Indtil hvert værktøj er researchet mod primærkilder, er dette en oversigt over kategorien, ikke en rangering. Nogle udgående links vil være affiliate-links, hvilket vi altid markerer.
Ofte stillede spørgsmål
Hvilke værktøjer kan man lave wireframes i?
Der findes dedikerede wireframe-værktøjer som Balsamiq, der bevidst holder udtrykket low-fi, og fulde designværktøjer som Figma, hvor Figma Community deler færdige wireframe-kits. Uizard kan omsætte håndtegnede skitser og tekstbeskrivelser til digitale designs. Vælg efter, hvor tidligt i processen du er, og om wireframen skal videreudvikles til færdigt design i samme værktøj.
Hvad er en low-fidelity wireframe?
En low-fidelity wireframe er en hurtig skitse af strukturen med kasser, streger og pladsholdertekst og uden visuelle detaljer. Den bruges til at blive enige om layout og indhold, før der bruges tid på det visuelle udtryk. Digital.gov beskriver wireframes som simple stregtegninger, der hjælper med at kommunikere designretningen og understøtter tidlig usability-test.
Kan man lave en klikbar prototype ud fra en wireframe?
Ja. Balsamiq kan generere en klikbar low-fi prototype ud fra skærmene på samme board, og i Figma forbinder du frames med interaktioner og deler prototypen med et link. Så kan du teste flowet med brugere, før det visuelle design er på plads.
Kan AI lave wireframes?
Flere værktøjer kan generere et første udkast. Uizard omsætter tekst, håndtegnede skitser og skærmbilleder til redigerbare designs, Balsamiq AI laver wireframes ud fra en beskrivelse, en skitse eller et skærmbillede, og Figma Make kan lave klikbare, redigerbare layouts ud fra tekst-prompts. NN/g testede i 2025 en række AI-værktøjer på en rigtig designopgave og fandt, at de følger overordnede instruktioner, men mangler en erfaren designers dømmekraft, så resultatet skal stadig vurderes og testes.
Kilder
Forstå begrebet
Relateret viden
Hvad er en wireframe?
En wireframe viser en skærms struktur og funktion, før det visuelle design lægges fast. Lo-fi og hi-fi, mockups, prototyper, wireflows og test med brugere.
Læs artikel →Informationsarkitektur
Informationsarkitektur (IA) er disciplinen med at strukturere, organisere og navngive indhold, så brugere nemt kan finde og forstå det på tværs af websites og apps.
Læs artikel →