13 viktige Adobe XD-plugins

Adobe XD-plugins: unDraw
(Bildekreditt: unDraw)

Siden den første bølgen av Adobe XD-plugins ble utgitt, har de vært en spillveksler for brukere. En rekke høyprofilerte selskaper som Dribbble, Airtable og Stark brakte 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 kapitalforvaltning, automatisering, publisering, tilgjengelighetsverktøy og større samarbeid mellom designere og utviklere og interessenter de jobber med. Dette er stort 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årt utvalg av de beste Photoshop-plugins , After Effects plugins og Illustrator-plugins for å fullføre Adobe-reisen.



beste bærbare datamaskinen for webdesign 2017

Hva gjør Adobe XD egentlig?

Men kanskje du har savnet alt dette snakket om Adobe XD-plugins og lurer på hva Adobe XD egentlig gjør?

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 opprinnelige elementene opprettholdes.

Så la oss fortsette med å sjekke ut de beste av de beste Adobe XD-pluginene som er tilgjengelige.

01. Trekk ut

Adobe XD-plugins: UnDraw

unDraw bringer illustrasjoner til Adobe XD(Bildekreditt: UnDraw)

UnDraw huser en kontinuerlig oppdatert samling .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, og last ned og bruk bildet. Voila!

02. PhotoSplash 2

Adobe XD-plugins: PhotoSplash

Laget av designere, for designere(Bildekreditt: PhotoSplash)

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

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å være i stand til å bygge skalerbare designsystemer, for å hjelpe konsistensen i et prosjekt (for mer om dette, se vår guide om hvordan du bygger vellykket design systemer ).

skrifttyper som følger med helvetica neue

04. UI Ansikter

Adobe XD Plugins: UI Faces

UI Faces lar designere velge attributter og finne de rette ansiktene for modeller

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

Adobe XD Plugins: Color Ranger

Color Ranger forbedrer farger i et design

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 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 på fargeteori .

06. Sterk

Adobe XD Plugins: Stark

Stark er et etisk, inkluderende plugin som kontrollerer kontrast og simulerer former for fargeblindhet

Å sikre at design er tilgjengelig for alle er et stort fokusområde for designere og selskapene de jobber med. Stark er 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 å kontrollere 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

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.

enkelt å tegne svart-hvitt-bilder

08. Endre sak

Adobe XD Plugins: Endre sak

Endre store bokstaver med Change Case

Change Case er et veldig enkelt, men kraftig plugin som lar brukerne endre tekststørrelse i XD. Dette virker så enkelt, men det sparer så mye uventet tid når du trenger det.

09. Google Sheets

Adobe XD Plugins: Google Sheets

Importer faktisk kopi fra Google Sheets til Adobe XD

Å legge 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 ditt 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.

corel maleren essensielle vs corel maleren

10. Trello

Adobe XD Plugins: Trello

Del kunstbrett med teamet uten å forlate Adobe XD

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

Adobe XD Plugins: Vinkel

Del arbeidet sømløst med Angle

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 kortere tid å legge noe mer polert i presentasjonen eller laste opp et bilde på Dribbble.

12. Icondrop

Adobe XD-plugins:

Icondrop gir deg tilgang til ikoner, illustrasjoner og bilder

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

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 viktige attributter for elementer i dokumentet. For de designere som jobber med et personlig prosjekt som ikke har tilgang til utviklere, kan Web Export imidlertid 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.

Relaterte artikler: