Innhold
- Hva gjør Adobe XD egentlig?
- 01. Trekk ut
- 02. PhotoSplash 2
- 03. Mockplus iDoc
- 04. UI Ansikter
- 05. Color Ranger Pro 2
- 06. Stark
- 07. Gi nytt navn
- 08. Endre sak
- 09. Google Sheets
- 10. Trello
- 11. Vinkel
- 12. Icondrop
- 13. Netteksport
Siden den første bølgen med Adobe XD-plugins ble utgitt, har de vært en spillveksler for brukere. En rekke høyprofilerte selskaper som Dribbble, Airtable og Stark brakte sine verktøy og tjenester direkte inn i XD så snart den åpne plattformen ble kunngjort, og det er nå nye UI-sett og plugins fra Trello, Google Cloud, UserTesting.com og en overflod av andre kraftige verktøy for designere.
Adobe har lansert plugins som muliggjør kapitaladministrasjon, automatisering, publisering, tilgjengelighetsverktøy og større samarbeid mellom designere og utviklere og interessenter de jobber med. Dette er enormt for designere, siden de til nå har måttet bruke mye tid på å gå frem og tilbake - importere, lagre, eksportere og laste opp mellom flere plattformer i arbeidsflyten.
Med det i tankene har vi valgt de aller beste Adobe XD-pluginene rundt, for å forbedre arbeidsflyten din. Du kan også sjekke ut vår oversikt over de beste Photoshop-plugins, After Effects-plugins og Illustrator-plugins for å fullføre din Adobe-reise.
Hva gjør Adobe XD egentlig?
Men kanskje du har gått glipp av alt dette snakk om Adobe XD-plugins og lurer på hva gjør Adobe XD egentlig?
Adobe XD er et kraftig skjermbasert designverktøy som lar designere lage, animere, prototype og dele designene i en enkelt applikasjon. Det har blitt mye adoptert på grunn av den enestående ytelsen på både Mac og Windows. Det er også en del av Creative Cloud, noe som betyr at Adobe XD fungerer veldig bra med andre Adobe-produkter som Photoshop, Illustrator og After Effects, og kan til og med åpne filer fra programvarekonkurrent Sketch mens de originale elementene opprettholdes.
Så la oss fortsette med å sjekke ut de beste av de beste Adobe XD-pluginene som er tilgjengelige.
01. Trekk ut
- Pris: Gratis
- Last ned her
UnDraw huser en kontinuerlig oppdatert samling av .svg-illustrasjoner, som kan tilpasses fullt ut og som du kan bruke gratis og uten attribusjon, selv i kommersielle prosjekter. Bare bla gjennom eller søk for å finne illustrasjonene du vil bruke, endre fargen for å matche paletten din eller gjennom ressursfargene dine, og last ned og bruk bildet. Voila!
02. PhotoSplash 2
- Pris: $19.99
- Last ned her
Merket som ‘Adobe XD + UnSplash’, kan utvikleren skryte av at dette pluginet er laget av designere, for designere. Med en gratis UnSplash-konto kan du importere bilder direkte til designene dine, og de brukervennlige navigasjons- og søkeverktøyene er en fryd å bruke. Vi tror ingen XD-brukere skal være uten denne.
03. Mockplus iDoc
- Pris: Fra gratis
- Last ned her
Mockplus iDoc er en alt-i-ett-produktdesignplattform, som vil bidra til å skape en mer tilkoblet arbeidsflyt på tvers av team. Du kan importere designfilene dine fra XD direkte til Mockplus iDoc, slik at du kan se hele prosjektene, designoppgavene og arbeidsflyten din i et storyboard. Pluggen lar deg bygge funksjonelle prototyper med komponenter, interaksjoner og ikoner. Du vil også kunne bygge skalerbare designsystemer for å hjelpe konsistensen i et prosjekt (for mer om dette, se vår guide om hvordan du bygger vellykkede designsystemer).
04. UI Ansikter
- Pris: Gratis
- Last ned her
Det kan være tidkrevende å finne bilder av mennesker som skal brukes til modeller. UI Faces samler bilder som sendes inn av brukere av avataren, og merker dem med attributter knyttet til alder, kjønn, følelser og hårfarge for å gjøre det å finne det rette ansiktet så raskt og enkelt som mulig. Dette Adobe XD-pluginet lar designere velge parametere rundt disse attributtene og fylle hvilken som helst valgt form med ansikter med et enkelt klikk.
05. Color Ranger Pro 2
- Pris: $21.99
- Last ned her
Color Ranger Pro 2 (tidligere Color Ranger) gjør at designere enkelt kan forbedre fargene i et design. Overskriftsnyhetene til den nye versjonen er at du kan lage en ny versjon av designet ditt i mørk modus eller lys modus. Men som før kan du også justere lysstyrke, metning, fargetone, fargedybde eller opasitet for individuelle elementer eller hele tegnebrett, uten å redigere hvert element i Photoshop. Color Ranger lar deg også lagre og administrere forhåndsinnstillinger, noe som betyr at du kan lage temaer eller redigere UI-sett kan gjøres med et enkelt klikk. Du kan nå gjøre liveendringer, og den nye, forbedrede versjonen er to ganger raskere.
For å finne ut mer om farger i design, se innlegget vårt om fargelære.
06. Stark
- Pris: Fra gratis
- Last ned her
Å sikre at design er tilgjengelig for alle er et stort fokusområde for designere og selskapene de jobber med. Stark blir beskrevet som en serie integrerte verktøy for tilgjengelighetsoverholdelse for programvareteam, og hjelper deg med å utforme og bygge produkter som er tilgjengelige, etiske og inkluderende. Stark har lagt muligheten til å sjekke kontrast og simulere former for fargeblindhet rett inn i Adobe XD. Borte er dagene med å måtte kjøre et eget program for å simulere og forhåndsvise fargeblindhet, samt bruke mange timer på å kopiere og lime inn heksekoder for å kontrollere kontrast og lesbarhet av typen.
07. Gi nytt navn
- Pris: Gratis
- Last ned her
Vi har alle brukt mer tid enn vi bryr oss om å innrømme å organisere og gi nytt navn til lag og tegnebrett. Gi nytt navn Det lar deg endre navn på alle lag sekvensielt i stigende eller synkende rekkefølge, samt endre tilfellet av lagnavnet på kortere tid enn å endre navn på noen få lag. Det tillater til og med å finne og erstatte ord eller tegn med enkle hurtigtaster.
08. Endre sak
- Pris: Gratis
- Last ned her
Change Case er et veldig enkelt, men kraftig plugin som lar brukerne endre store bokstaver i XD. Dette virker så enkelt, men det sparer så mye uventet tid når du trenger det.
09. Google Sheets
- Pris: Gratis
- Last ned her
Å skrive inn og legge ut typen må være en av de mest skremmende oppgavene for designere, noe som resulterer i at de samme elementene kopieres og limes inn flere ganger, eller bruk av lorem ipsum gjennom hele designet. Dessverre tester lorem ipsum ikke bra og fører ofte til distraksjoner eller brukere som tar hensyn til feil ting under brukervennlighetstesting. Dette Google Sheets-pluginet lar deg importere faktisk kopi til Adobe XD-dokumentet fra et Google Sheets-dokument. Selv om innholdet i Google Sheets-dokumentet endres, kan du fortsatt oppdatere kopien i dokumentet ditt for det ultimate samarbeidet med tekstforfatterteamet.
10. Trello
- Pris: Gratis
- Last ned her
Trello er en produktivitetsplattform som lar enkeltpersoner eller team organisere, prioritere og sømløst samarbeide om oppgaver. Med Trello-pluginet kan designere enkelt sende sine XD-eiendeler til Trello, slik at de kan dele kunstbrett med teamet uten å måtte forlate Adobe XD.
11. Vinkel
- Pris: Fra gratis
- Last ned her
Innimellom må en designer dele arbeidet sitt i en presentasjon. Bare å slippe inn statiske skjermer gjør ikke designen rettferdighet. Alle er kjent med denne arbeidsflyten: åpne en enhetsmodell i Photoshop og eksporter designen til Photoshop for å slippe skjermen på enheten. Angle lar deg gjøre det samme uten å forlate Adobe XD. Med hundrevis av enheter å velge mellom, i flere vinkler, tar det mye mindre tid å legge noe mer polert i presentasjonen eller laste opp et skudd på Dribbble.
12. Icondrop
- Pris: Fra gratis
- Last ned her
Icondrop stiller millioner av designressurser til rådighet for designere med et enkelt klikk - gir tilgang til ikoner, illustrasjoner og arkivbilder uten å måtte forlate Adobe XD. Med en enkel søkefunksjon og enkel tilgang til tidligere nedlastinger, blir dette en av pluginene når du oppretter mockups på farten.
13. Netteksport
- Pris: Gratis
- Last ned her
For designere som ikke er veldig kjent med koding, tilbyr Adobe XD en flott måte å dele filer og designspesifikasjoner med utviklere for å la dem se nøkkelegenskaper for elementer i dokumentet. Imidlertid, for de designerne som jobber med et personlig prosjekt som ikke har tilgang til utviklere, kan Web Export være din nye beste venn. Dette pluginet tillater eksport av HTML og CSS fra XD-filene dine, samtidig som det tilbyr nestede oppsett, sentrerte begrensninger og muligheten til å legge til flere stiler, attributter og markering.
