12 parasta Adobe XD -laajennusta jokaiselle suunnittelijalle
Sekalaista / / November 29, 2021
Oli aika, jolloin luotimme Adobe Photoshopiin kaikissa suunnitteluun liittyvissä vaatimuksissa. Nyt meillä on omat sovellukset ja ohjelmistot jokaiseen käyttötapaukseen. UI/UX-suunnittelun markkinat ovat täynnä vaihtoehtoja, kuten Sketch, Figma, InVision ja Adobe XD. Jos olet investoinut Adoben ekosysteemiin, Adobe XD: stä tulee luonnollinen valinta sinulle. XD-laajennusten avulla voit viedä kokemuksen uudelle tasolle.
Laajennuksilla on tärkeä rooli kaikissa UI/UX-ohjelmistoissa. Ne ovat samanlaisia kuin käytät selaimen laajennuksia. Lukuisat korkean profiilin yritykset, kuten Dribbble, Airtable ja Stark, toivat työkalunsa ja palvelunsa suoraan XD: hen heti avoimen alustan julkistamisen jälkeen. Tutkitaan joitain Adobe XD: n parhaista laajennuksista.
Huomautus: Adobe XD -sovelluksesta löydät Plugin Storen. Etsi vain laajennuksen nimi hakupalkista ja asenna se laitteeseen.
Myös opastekniikassa
1. Trello
Kotona työstä on tulossa uusi normi nykyään, ja monet yritykset luottavat siihen
projektinhallintaratkaisut kuten Trello, Asana ja Jira saadaksesi työt tehtyä. Jos suunnittelijaryhmäsi käyttää Trelloa UI/UX-tehtävien hallintaan, Trello on tiimisi pakollinen laajennus.Trello-laajennuksen avulla suunnittelijat voivat vaivattomasti lähettää XD-resurssinsa Trelloon, jolloin he voivat jakaa piirustustauluja tiimin kanssa ilman, että heidän tarvitsee poistua Adobe XD: stä.
2. Photosplash 2
Joskus tulee kohta, jossa haluat käyttää rojaltivapaata kuvaa käyttöliittymämallissa. Normaali rutiini sisältää kuvan etsimisen verkosta, sen lataamisen tietokoneelle ja tuomisen XD-ohjelmistoon. Sen sijaan voit vain valita Photosplash 2 -laajennuksen ja lisätä kuvia suoraan XD-ohjelmaan.
3. XD Flutterille
Googlen Flutter-kieli on tulossa suosittuja kehittäjien keskuudessa näinä päivinä. Yhdellä koodirivillä voit luoda sovelluksia sekä iOS: lle että Androidille. Yritys äskettäin lisätty tuki verkkosovelluksille yhtä hyvin.
XD to Flutter -laajennuksen avulla voit luoda koodia sovellusten rakentamiseen Flutterilla Adobe XD: n suunnittelusi perusteella. Plugin luo koodin mille tahansa valitulle elementille XD: ssä, joko yksittäisille kohteille kankaalla tai kokonaisille tauluille.
Kun teet muutoksia XD: hen, voit yksinkertaisesti suorittaa laajennuksen uudelleen ja päivittää luodun koodin.
4. Undraw
Malli on keskeneräinen ilman kuvitusta. Sen sijaan, että etsit niitä tuntikausia verkosta, voit yksinkertaisesti käyttää UnDraw-laajennusta, jolla on valtava kuvituskokoelma. Laajennus sisältää jatkuvasti päivitettävän kokoelman .svg-kuvia, jotka ovat täysin muokattavissa ja joita voit käyttää ilmaiseksi ja ilman merkintää, jopa kaupallisissa projekteissa.
Käytämme sitä kaikissa suunnitteluprojekteissa, ja suosittelemme, että kokeilet sitä.
5. Käyttöliittymän kasvot
Jokainen suunnittelija tarvitsee näitä profiilikuvia käyttääkseen UI/UX-malleissa. UI Faces Plugin for XD kokoaa yhteen tuhansia avatareja, joita voit suodattaa luodaksesi täydelliset persoonasi. Avatarit on suodatettu eri lähteistä. Voit valita ne iän, sukupuolen, tunteiden jne. mukaan.
6. Kulma
Suunnitteluprojektin valmistumisen jälkeen saatat haluta esitellä sen asiakkaallesi laitemallissa. Angel mockup -laajennuksella voit luoda kauniita malleja luodaksesi vankan ensivaikutelman.
GT-tiimi rakastaa makeiden ja upeiden dribble-laukausten käyttöä. Kulma on yksi suosituimmista ja uskomattomimmista liitännäisistä, joita jokaisen mallien ystävän on kokeiltava.
Myös opastekniikassa
7. Kuvakkeet 4 mallit
Tämä ei esittelyjä kaipaa. Jokainen suunnittelija tarvitsee värikkäitä, minimalistisia kuvakkeita käyttöönsä suunnittelussa. Icons 4:n avulla voit etsiä kuvakkeita nimen perusteella ja sijoittaa ne tulosluetteloon napsautuksella, jolloin tuloksena on vektoripohjainen, täysin muokattavissa oleva kuvake.
Kokoelma sisältää tusina suosittua ikonikokoelmaa eri tyyleissä. Mene eteenpäin, kokeile sitä. Olemme varmoja, ettet tule pettymään.
8. Lorem Ipsum
Tämä on toinen tärkeä laajennus jokaiselle suunnittelijalle. Projektin aikana saatat joutua käyttämään näitä väärennettyjä tekstejä. Lorem Ipsum on alan standardi tapa esitellä tekstiä käyttöliittymämallissa. Siellä on omistettuja verkkosivustoja, joiden avulla voit kopioida tekstiä tarpeidesi mukaan.
Lorem Ipsum -laajennuksella voit yksinkertaisesti saada tekstit poistumatta Adobe XD -ohjelmasta.
9. Nimeä se uudelleen
Olemme kaikki käyttäneet tasojen ja taulujen järjestämiseen ja uudelleennimeämiseen enemmän aikaa kuin haluaisimme myöntää. Nimeä uudelleen Sen avulla voit nimetä uudelleen kaikki tasot peräkkäin nousevassa tai laskevassa järjestyksessä sekä muuttaa tason nimen kirjainkokoa lyhyemmässä ajassa kuin muutaman kerroksen uudelleennimeäminen. Se mahdollistaa jopa sanojen tai merkkien etsimisen ja korvaamisen yksinkertaisilla pikanäppäimillä.
10. Kirjanmerkki
Jos työskentelet useiden suunnittelu- ja taulujen parissa ja sinulla on joskus vaikeuksia löytää tiettyä taulua, kokeile Bookmark-laajennusta. Tämän laajennuksen avulla voit lisätä kirjanmerkkeihin tietyn taulun, ja aina kun suoritat ja napsautat kyseistä kirjanmerkkiä, näytön tarkennus siirtyy kyseiseen tauluun.
11. ColorSpark
Olemme nähneet monien käyttöliittymäsuunnittelijoiden kamppailevan värivalintojen ja -yhdistelmien kanssa koko projektin ajan. Verkossa on erityisiä työkaluja, jotka auttavat sinua tekemään paremman päätöksen. Mutta ColorSpark for Adobe XD päihittää jokaisen sisäänrakennetulla värigeneraattorilla satunnaisia värejä ja liukuvärejä varten.
Se auttaa suunnittelijoita löytämään ainutlaatuisia väripaletteja ja herättää luovuutta.
12. löysä
Yhdistä luova työ ja ryhmätyö löysä. Suunnittelijat voivat helposti jakaa ja esikatsella tiedostoja sovelluksista, kuten Adobe XD: stä, saada palautetta ja pysyä ajan tasalla resursseihinsa liittyvistä toimista.
Haettavan historiansa, järjestetyn keskustelunsa ja sovellusten integroinnin ansiosta Slack-laajennus on täydellinen tapa tehdä yhteistyötä ja saada selkeää ja tehokasta tietoa suunnittelustasi alusta loppuun.
Myös opastekniikassa
Luo upeita käyttöliittymämalleja
Adobe XD on täydellinen ratkaisu, jos olet investoinut Adoben ekosysteemiin. Ja toisin kuin Sketch, se on saatavana sekä Windowsissa että Macissa, eikä muutaman projektin kokeileminen maksa mitään. Käy läpi yllä oleva laajennusluettelo ja kehitä suunnittelutaitojasi Adobe XD: llä.
Seuraava: Haluatko viedä Adobe XD -suunnittelun HTML-koodiin? Lue alla oleva viesti oppiaksesi saavuttamaan se.