12 bedste Adobe XD-plugins til enhver designer
Miscellanea / / November 29, 2021
Der var engang, hvor vi plejede at stole på Adobe Photoshop til alle designrelaterede krav. Nu har vi dedikerede apps og software til hver brug. For UI/UX-design er markedet oversvømmet med muligheder som Sketch, Figma, InVision og Adobe XD. Blandt dem, hvis du er investeret i et Adobe-økosystem, så bliver Adobe XD et naturligt valg for dig. Ved at bruge XD-plugins kan du tage oplevelsen til næste niveau.
Plugins spiller en afgørende rolle i enhver UI/UX-software. De ligner, hvordan du bruger udvidelser til en browser. Et væld af højt profilerede virksomheder som Dribbble, Airtable og Stark bragte deres værktøjer og tjenester direkte ind i XD, så snart den åbne platform blev annonceret. Lad os udforske nogle af de bedste plugins til Adobe XD.
Bemærk: I Adobe XD-appen finder du Plugin-butikken. Du skal blot søge efter plugin-navnet i søgefeltet og installere det på enheden.
Også på Guiding Tech
1. Trello
Med arbejde hjemmefra bliver en ny norm i disse dage, er mange virksomheder afhængige af
projektstyringsløsninger såsom Trello, Asana og Jira for at få arbejdet udført. Hvis dit team af designere bruger Trello til at administrere UI/UX-opgaver, så er Trello et must-have-plugin for dit team.Med Trello-plugin'et kan designere ubesværet sende deres XD-aktiver til Trello, så de kan dele tegnebrætter med teamet uden at skulle forlade Adobe XD.
2. Fotosplash 2
En gang imellem støder du på et punkt, hvor du vil bruge et royaltyfrit billede i en UI-mockup. Den normale rutine omfatter at søge efter et billede på nettet, downloade det til computeren og importere det til XD-softwaren. I stedet kan du bare vælge Photosplash 2 plugin og tilføje billeder direkte til XD-programmet.
3. XD til Flutter
Googles Flutter-sprog bliver populært blandt udviklere i disse dage. Med en enkelt kodelinje kan du oprette apps til både iOS og Android. Virksomheden for nylig tilføjet support til webapps såvel.
Med XD til Flutter plugin kan du generere kode til at bygge apps med Flutter baseret på dine designs i Adobe XD. Pluginnet genererer kode for ethvert valgt element i XD, enten for de enkelte objekter på lærredet eller for hele tegnebrætter.
Når du foretager ændringer i XD, kan du blot køre pluginnet igen og opdatere den genererede kode.
4. Undraw
En mockup er ufærdig uden brug af nogen illustration. I stedet for at søge efter dem i timevis på nettet, kan du blot bruge UnDraw-pluginet, der har en enorm illustrationssamling. Pluginnet rummer en konstant opdateret samling af .svg-illustrationer, som kan tilpasses fuldt ud, og som du kan bruge gratis og uden tilskrivning, selv i kommercielle projekter.
Vi bruger det i hvert designprojekt, og vi anbefaler stærkt, at du prøver det.
5. UI ansigter
Hver designer har brug for disse profilbilleder til brug i UI/UX-design. UI Faces Plugin til XD samler tusindvis af avatarer, som du kan filtrere for at skabe dine perfekte personas. Avatarerne er filtreret fra forskellige kilder. Du kan vælge dem efter alder, køn, følelser osv.
6. Vinkel
Efter at have afsluttet designprojektet, vil du måske vise det til din klient på en enhedsmockup. Ved at bruge Angel mockup-plugin'et kan du lave smukke mockups for at give et solidt førstehåndsindtryk.
GT-teamet elsker at bruge mockups og fantastiske dribleskud. Vinklen er et af de mest populære og utrolige plugins, som enhver mockup-elsker skal prøve.
Også på Guiding Tech
7. Ikoner 4 designs
Denne behøver ingen introduktion. Hver designer har brug for de farverige, minimalistiske ikoner til at implementere i designet. Icons 4 giver dig mulighed for at søge efter ikon efter navn og placere disse ikoner i resultatlisten med et klik, hvilket resulterer i et vektorbaseret, fuldt redigerbart ikon.
Samlingen omfatter et dusin populære ikonkollektioner i en række stilarter. Gå videre, prøv det. Vi er sikre på, at du ikke bliver skuffet.
8. Lorem ipsum
Dette er et andet vigtigt plugin for enhver designer. Under et projekt kan det være nødvendigt at bruge disse falske tekster. Lorem Ipsum er en industristandard måde at fremvise teksten i en UI-mockup. Der er dedikerede websteder derude, som giver dig mulighed for at kopiere teksten baseret på dine krav.
Ved at bruge Lorem Ipsum-plugin'et kan du simpelthen få den tekst uden at forlade Adobe XD-programmet.
9. Omdøb den
Vi har alle brugt mere tid, end vi ville indrømme, på at organisere og omdøbe lag og tegnebrætter. Omdøb Det giver dig mulighed for at omdøbe alle lag sekventielt i stigende eller faldende rækkefølge samt ændre lagnavnets store og små bogstaver på kortere tid end blot at omdøbe nogle få lag. Det giver endda mulighed for at finde og erstatte ord eller tegn med simple tastaturgenveje.
10. Bogmærke
Hvis du arbejder med masser af design og tegnebrætter og nogle gange har svært ved at finde det bestemte tegnebræt, så prøv bogmærke-pluginnet. Dette plugin giver dig mulighed for at bogmærke et bestemt tegnebræt, og hver gang du kører og klikker på det pågældende bogmærke, vil dit skærmfokus gå til det pågældende tegnebræt.
11. ColorSpark
Vi har set mange UI-designere kæmpe med farvevalg og kombinationer gennem hele projektet. Der er dedikerede værktøjer derude på nettet, som hjælper dig med at træffe en bedre beslutning. Men ColorSpark til Adobe XD slår hver enkelt med en indbygget farvegenerator til tilfældige farver og gradienter.
Det hjælper designere med at opdage unikke farvepaletter og sætte gang i kreativitet.
12. Slap
Kombiner kreativt arbejde og teamwork med Slap. Designere kan nemt dele og forhåndsvise filer fra applikationer, herunder Adobe XD, modtage feedback og holde sig opdateret om handlinger, der udføres på deres aktiver.
Med sin søgbare historie, organiserede samtale og app-integration er Slack-pluginet den perfekte måde at samarbejde og få tydelige og effektive input til dit design fra start til slut.
Også på Guiding Tech
Opret fantastiske UI-designs
Adobe XD er perfekte løsninger, hvis du er investeret i Adobes økosystem. Og i modsætning til Sketch er den tilgængelig på både Windows og Mac og koster ikke noget at prøve et par projekter. Gå gennem plugin-listen ovenfor, og tænd for dine designfærdigheder med Adobe XD.
Næste: Ønsker du at eksportere Adobe XD-design til en HTML-kode? Læs indlægget nedenfor for at lære, hvordan du opnår det.