Adobe XD

Adobe XD (Adobe Experience Design) er et Windows-program fra Adobe for grafisk design, wireframes og prototyper. Verktøyet er laget for å forme og teste brukergrensesnitt (UI) og brukeropplevelse (UX) til nettsteder og mobilapper, fra tidlige skisser til interaktive flyter.

Dette passer for UI/UX-designere, designere som jobber i Creative Cloud, og team som vil kommunisere design tydelig til utviklere og interessenter.

Fra idé til skjermbilder i samme dokument

Adobe XD er vektorbasert og lar deg bygge opp skjermer som artboards, gjerne flere i samme prosjekt. Det gjør det naturlig å jobbe med både enkle wireframes og mer ferdige oppsett uten å bytte verktøy underveis. Du kan også velge forhåndsinnstillinger for vanlige web- og mobiloppløsninger, eller lage egne artboards ved behov.

Interaktive prototyper uten koding

En av de sterkeste sidene er interaktiv prototyping. Du kan koble sammen skjermer, definere overganger og legge inn brukerinteraksjoner direkte i prosjektet, uten å skrive kode. Programmet skiller mellom Design-modus for visuell utforming og Prototype-modus for å bygge flyt og interaksjon, noe som gir en ryddig arbeidsdeling når du går fra statisk design til demonstrerbar prototype.

Rutenett, gjentakelser og tilpasning til ulike skjermstørrelser

For presis plassering støtter XD rutenett på artboards, med både Layout Grids (kolonner) og Square Grids (justering av tekst og objekter). I praksis hjelper dette både med struktur i responsive oppsett og med å redusere småfeil når elementer skal linjeres opp.

Funksjoner som Repeat Grid gjør det enklere å lage lister og rutenett uten manuell kopiering, og Responsive Resize bidrar til at elementer kan tilpasses når artboard-størrelse eller orientering endres.

Integrasjon med Creative Cloud og skybasert arbeid

Som en del av Creative Cloud har Adobe XD tett samspill med andre Adobe-programmer som Photoshop, Illustrator og InDesign. Prosjekter kan også lagres i skyen, som gir tilgang på tvers av enheter og legger til rette for fjernarbeid når flere må inn i samme leveranse.

Samarbeid og håndoff til utvikling

XD støtter samarbeid uten at du må forlate programmet. Du kan samle prosjektressurser på ett sted og lage designspesifikasjoner og produktressurser som kan deles med utviklere. I tillegg er det kompatibilitet med samarbeidsverktøy som Jira og Slack, nyttig når designgjennomgang, avklaringer og presentasjoner skal skje på tvers av plattformer.

Grensesnitt, læringskurve og utvidelser

Grensesnittet er beskrevet som enkelt og intuitivt, med verktøy til venstre og paneler for blant annet lag, stiler og symboler til høyre. For mange vil det oppleves kjent hvis de har brukt Adobe-programmer før. Samtidig kan XD, som et omfattende verktøy, ha en merkbar læringskurve når du skal utnytte mer komplekse arbeidsmåter og design systemer. Støtte for tredjeparts plugins kan dessuten utvide arbeidsflyten når standardfunksjonene ikke dekker alt.

Pris: ikke lenger gratis

Adobe XD er ikke gratis. Der det tidligere fantes en gratis startvariant, er programmet nå knyttet til Creative Cloud-abonnement (månedlig eller årlig).