Figma on pilvipohjainen suunnittelutyökalu, joka on samanlainen kuin Luonnos toiminnallisuudessa ja ominaisuuksissa, mutta suurilla eroilla, jotka tekevät Figmasta paremman tiimin yhteistyö . Niille, jotka epäilevät tällaisia ​​väitteitä, selitämme, kuinka Figma yksinkertaistaa suunnitteluprosessia ja auttaa muita ohjelmia tehokkaammin suunnittelijoita ja tiimejä työskentelemään tehokkaasti.

Katsotaanpa tarkemmin.

Figma toimii kaikilla alustoilla

Figma toimii missä tahansa käyttöjärjestelmässä, joka käyttää verkkoselainta. Figmaa voi käyttää Mac-tietokoneita, Windows-tietokoneita, Linux-koneita ja jopa Chromebookeja. Se on ainoa tämäntyyppinen suunnittelutyökalu, ja kaupoissa, joissa käytetään laitteita, joissa on eri käyttöjärjestelmät, kaikki voi edelleen jakaa, avata ja muokata Figma-tiedostoja.

Monissa organisaatioissa suunnittelijat käyttää Mac-tietokoneita ja kehittäjät Windows-tietokoneita. Figma auttaa yhdistämään nämä ryhmät. Figman universaali luonne estää myös PNG-pongin (jossa päivitetyt kuvat palautuvat edestakaisin suunnittelutiimin alojen välillä) ärsytystä. Figmassa ei tarvita välitysmekanismia, jotta suunnittelutyö olisi kaikkien saatavilla.

Yhteistyö Figmassa on yksinkertaista ja tuttua

Koska Figma on selainpohjainen, tiimit voivat tehdä yhteistyötä kuten tekisivätkin Google Docs . Tiedostoa katselevat ja muokkaavat ihmiset näkyvät sovelluksen yläosassa pyöreinä hahmoina. Jokaisella henkilöllä on myös nimetty kohdistin, joten seuraa, kuka tekee mitä on helppoa. Napsauttamalla jonkun muun avataria zoomataan siihen, mitä he katsovat tuolloin.

Reaaliaikainen tiedostoyhteistyö auttaa lieventämään 'suunnittelun ajautumista' - määritelty joko vääräksi tulkinnaksi tai harhautumiseksi sovitusta mallista. Suunnittelu ajautuu yleensä, kun idea on suunniteltu ja toteutettu nopeasti projektin ollessa käynnissä. Valitettavasti tämä johtaa usein poikkeamiseen vakiintuneesta suunnittelusta aiheuttaen kitkaa ja uudelleentyötä.

Figmaa käyttämällä suunnittelupäällikkö voi tarkistaa, mitä tiimi suunnittelee reaaliajassa avaamalla yksinkertaisesti jaetun tiedoston. Jos suunnittelija tulkitsee jotenkin väärin lyhyen tai käyttäjän tarinan, tämä ominaisuus antaa suunnittelun johtaa puuttua, korjata kurssin ja säästää lukemattomia tunteja, jotka muuten olisivat hukkaan menneet. (Vertailun vuoksi Sketchiä käyttävillä tiimeillä ei ole välitöntä tapaa kertoa, menevätkö suunnittelijat harhaan.)

Sivuhuomautus: Jotkut suunnittelijat eivät pidä siitä, että heitä 'vakoiltaisiin' työskennellessään, joten suunnittelun johto on selitettävä edut. Yleensä suurin osa suunnittelijoista näkee nopeasti tällaisen ominaisuuden arvon ja sopeutuu helposti työskentelyyn jaetussa ympäristössä.

Figma käyttää löysää tiimiviestintään

Figma käyttää Löysä sen viestintäkanavana. Kun Figma-kanava luodaan Slackissä , kaikki Figmassa tehdyt kommentit tai suunnittelumuokkaukset “löysätään” tiimille. Tämä toiminnallisuus on ratkaisevan tärkeää live-suunnittelussa, koska Figma-tiedostoon tehdyt muutokset päivittävät kaikki muut instanssit, joihin tiedosto on upotettu (mahdollinen päänsärky kehittäjille). Mockupin muutokset, jotka ovat oikeutettuja tai perusteettomia, tarkistetaan välittömästi ja palautekanava on livenä.

Figman jakaminen on mutkaton ja joustavaa

Figma sallii myös käyttöoikeuksiin perustuva jakaminen minkä tahansa tiedoston, sivun tai kehyksen (jota kutsutaan piirtoalukseksi muissa suunnittelutyökaluissa). Kun jaettu linkki luodaan sivun kehykseen, linkkiä napsauttava henkilö avaa Figman selainversion ja kehyksen zoomattu näkymä ladataan.

Tämän valikoivan jakamisen muoto tiedostosta kehykseen mahdollistaa suunnittelijat , tuotteiden omistajat ja kehittäjät jakavat tarkalleen mitä tarvitaan vikaseurantatyökaluissa ja yhteisöohjelmistoissa, kuten Yhtymäkohta tai SharePoint .

Upotetut Figma-tiedostot tarjoavat reaaliaikaisen päivityksen

Figma jakaa myös live-upotuskoodinpätkät iFrame-kehyksen liittämiseksi kolmannen osapuolen työkaluihin. Jos esimerkiksi Confluencea käytetään upotettujen mockup-tiedostojen näyttämiseen, näitä tiedostoja ei 'päivitetä' tallentamalla Figma-tiedosto - nämä upotetut tiedostot OVAT Figma-tiedosto.

Jos joku Figmassa tekee muutoksen malliin, muutos näkyy suorana upotetussa Confluence-mallinnuksessa. (Voit lukea lisää Figma- ja Confluence-integraatiosta tässä .)

Tämän ominaisuuden vaikutus UX-prosessiin on kuvattu seuraavassa kaaviossa:

Ennen Figmaa, useita muita työkaluja käytettiin suunnittelumallien ja päivitysten vaihdon helpottamiseksi. Toistosykli oli sarja edestakaisia ​​tiedostopäivityksiä, joten joukkueet voivat tarkistaa ja toteuttaa nykyisen suunnittelun.

Figman jälkeen, kolmannen osapuolen työkalut eivät enää ole tarpeen (mutta niitä voidaan käyttää haluttaessa). Koska Figma hoitaa kolmannen osapuolen työkalut kuvattu aiemmin, prosessissa on vain yksi vaihe - siirry luonnoksista Figmaan ja kaikilla ryhmillä on uusimmat mallit. Ei ole 'kanavanvaihtoa' sanan tiukimmassa merkityksessä.

Figma on erinomainen suunnitteluarvostelupalaute

Figma tukee sisään -sovelluksen kommentointi sekä suunnittelu- että prototyyppitiloissa, ja kommenttiketjua seurataan löysällä ja / tai sähköpostilla. Sinun ei tarvitse julkaista PNG-tiedostoja tai suorittaa jatkuvia päivityksiä saadaksesi palautetta tiimiltä kolmannen osapuolen työkalun avulla InVision tai Ihme .

Suunnittelutarkastusten aikana tiimisuunnittelijat voivat keskustella työstään suurella näytöllä, tallentaa kommentteja ja korjata ongelmat - kaikki Figmassa. Tämä suoran palautteen muoto ei ole mahdollista Sketchin kanssa, joka vaatii lataamisen pilvipalveluun tiimin panoksen saamiseksi.

Kehittäjän kanavanvaihto helpotetaan Figman avulla

Figma näyttää minkä tahansa valitun kehyksen tai objektin koodinpätkät CSS-, iOS- tai Android-muodoissa, joita kehittäjät voivat käyttää suunnittelutiedostoa tarkasteltaessa. Suunnittelukomponentit voivat olla kuka tahansa kehittäjä tarkastaa missä tahansa tiedostossa, jota he voivat tarkastella. Tietojen saamiseksi ei tarvitse käyttää kolmannen osapuolen työkalua. Silti Figma integroituu täysin Zeplin jos joukkueet haluavat tehdä enemmän kuin yksinkertaisen mittauksen ja CSS-näytön.

Figma-projektitiedostot sijaitsevat yhdessä paikassa - verkossa

Koska Figma on online-sovellus, se hoitaa tiedosto-organisaatio näyttämällä projektit ja niiden tiedostot erillisessä näkymässä. Figma tukee myös useita sivuja tiedostoa kohden, kuten Sketch, joten ketterät tiimit voivat järjestää projektinsa loogisesti:

• Luo ominaisuusprojekti teema .
• Luo tiedosto tiedostolle eeppinen tai suuri ominaisuus.
• Luo kyseisessä tiedostossa sivuja jokaiselle käyttäjälle tarina .

Tämä on vain yksi tapa järjestää tiedostoja, jotka voidaan tehdä enemmän tai vähemmän rakeisiksi prosessin vaatimusten mukaan.

Figma-sovellusliittymät tarjoavat kolmannen osapuolen työkalujen integraation

Figmalla on nyt kehittäjän sovellusliittymät mahdollistaa todellisen integroinnin mihin tahansa selainpohjaiseen sovellukseen. Yritykset käyttävät tätä integroidakseen suunnittelutiedostojen reaaliaikaiset näytöt sovelluksiinsa. Esimerkiksi Uberilla on suuret näytöt, joissa näytetään suunnittelutiedostot 'suorana lähetyksenä' yrityksen ympärillä. Suunnittelut ovat jaettuja, ja palaute on tervetullutta keneltä tahansa yrityksessä.

Atlassianin JIRA-ohjelmisto on toteuttanut a Figma-lisäosa joten tuotteiden omistajat, kehittäjät ja laatuinsinöörit katsovat aina suunnittelijoiden uusimman version mockupista.

Lisäksi Figman sovellusliittymä lupaa täyttää asiakkaiden pyynnöt Sketchin jo tarjoamista kolmannen osapuolen laajennuksista ja ominaisuuksien parannuksista.

Tiedostojen versiointi on automaattista tai tarvittaessa

Suoraa tiedostojen päivitystä koskevaa epävarmuutta lieventää edelleen Figman sisäänrakennettu versiojärjestelmä . Milloin tahansa, a suunnittelija osaa luoda Figma-tiedostolle nimetyn version ja kuvauksen; tämä voidaan tehdä heti sen jälkeen, kun suunnitteluun on tehty sovittuja muutoksia.

Tämä ei vaikuta jaetun ympäristön live-tiedostoon, ennen kuin muutokset on tarkoituksella sitouduttu alkuperäiseen versioon. On myös mahdollista palauttaa kaikki automaattisesti tallennetut versiot alkuperäisen kopion luomiseksi tai korvaamiseksi.

Figman prototyyppien tekeminen on suoraviivaista ja intuitiivista

Sketch lisäsi äskettäin piirtoalustan piirtoalustalle prototyyppien tekeminen , Figma on mennyt pidemmälle tarjoamalla siirtymät kehysten välillä. Figman yksinkertainen prototyyppitoiminto poistaa tarpeen käyttää toista diaesitystyylistä prototyyppityökalua, kuten InVision tai Marvel. Kun tarvitaan vain yksinkertainen esitys siirtymillä, työkaluja ei tarvitse viedä.

Figma-prototyypit voidaan jakaa aivan kuten Figman suunnittelutiedostot; kuka tahansa, jolla on linkkilupa, voi tarkastella ja kommentoida prototyyppiä, ja tämä palaute kaapataan jälleen työkalun kommenttipaneeliin ja tallennetaan Slackiin. Kehittäjät voivat nähdä suunnittelun työnkulun, jättää suunnittelijoille suorat @viestit ja saada mittauksia ja CSS-määritteitä prototyypin sisältä.

Figman tiimikirjastot ovat ihanteellisia suunnittelujärjestelmille

Suunnittelujärjestelmät on tullut välttämättömyys monille yrityksille, ja tarvitaan komponentteja (Sketchin ja Illustratorin symbolit), jotka ovat uudelleenkäytettäviä, skaalautuvia ja tokenoitu ”Käytettäväksi mallikirjastoissa, jotka ovat käytettävissä UX-suunnittelijat ja käyttöliittymän kehittäjät.

Usein käytetty lause 'yksi totuuden lähde' ​​sopii tähän - kerran a Figma-tiimikirjasto on luotu, kuka tahansa, jolla on pääsy projektiin, voi käyttää komponenttien esiintymiä suunnittelussaan ja olla varma, että he työskentelevät uusimpien versioiden kanssa.

Figman lähestymistapa komponenttikirjastot on yksinkertainen ja helppo hallita. Suunnittelijat voivat luoda tiedostoja, jotka ovat täynnä komponentteja, tai käyttää sivun komponentteja järjestääkseen kuvakirjaston. Jokaisesta Figma-sivun kehyksestä tulee tiimikirjaston organisaatio-osio (ei tarvitse luoda hierarkioita näin tämä).

Yksi tapa järjestää kirjastoja on hanke, joka on omistettu vain komponenteille. Projektin tiedostot voidaan järjestää tarpeen mukaan, ja niiden tiedostot voidaan järjestää vastaavasti.

Figma on rakennettu parantamaan suunnittelutiimityötä

Figman käyttö mihin tahansa aikaan osoittaa tämän live-yhteistyötyökalun edut. Se pitää tiimit tehtävissä ja kannustaa täydelliseen julkistamiseen, mikä on välttämätöntä, kun rakennetaan suunnittelujärjestelmää useille aloille. Figma on kenen tahansa helppo käyttää millä tahansa alustalla, ja sen avulla tiimit voivat jakaa työnsä ja kirjastonsa nopeasti.

Suunnittelun asiantuntijat jotka käyttävät Figmaa jälkeen siirtyminen Sketchistä (Luonnostiedostot voidaan tuoda pariteetilla Figmaan) eivät ole pettyneitä:

… Se muuttaa täysin tapaa, jolla voit työskennellä kollegojesi ja asiakkaidesi kanssa - Tehosta yhteistyösuunnittelua Figman kanssa

Figma yhdisti käyttöliittymän suunnittelutyökalujen maailman parhaat puolet viime vuosina - Miksi suunnittelutiimisi tulisi harkita siirtymistä Figmaan

Viime vuoden aikana olen käyttänyt Figmaa UI / UX-suunnitteluprosessissani, ja se on säästänyt työtuntejani. Se muutti suunnittelutyön työnkulun todella - Kuinka tehostaa käyttöliittymän / UX-työnkulkua Figman avulla

Figmassa vietetty aika on yleensä miellyttävin ja tuottavin osa päiväni - Figma muuttaa koko työnkulkua, ja se on mahtavaa!

• • •

Lisälukemista:

• Hallitse veneesi näillä Top UX -työkaluilla
• Tehosta yhteistyösuunnittelua Figman kanssa
• Selkeytä joukkueyhteistyötä käyttämällä Craft by InVision -ohjelmaa
• Kuolema lankakehykseen. Suoraan korkealaatuiseen!
• Ryhdy maailmanluokan suunnittelijaksi tekemällä maapallo toimistosi

Perustietojen ymmärtäminen

Mitä tarkoitetaan yhteistyövälineillä?

Suunnittelussa yhteistyövälineet auttavat eri alojen suunnittelijoita (yhdessä kehittäjien kanssa) luomaan digitaalisia tuotteita.

Mikä on online-yhteistyötyökalu?

Figma, InVision ja Marvel ovat kaikki esimerkkejä verkkoyhteistyökaluista, joita suunnittelijat ja kehittäjät käyttävät digitaalisten tuotteiden rakentamiseen. Verkkoyhteistyökalujen avulla suunnittelijat ja kehittäjät voivat muokata, kommentoida ja tarkastella malleja ja koodausta yhdessä.

Mitkä ovat suunnitteluprosessin vaiheet?

Suunnitteluprosessin vaiheet voivat vaihdella, mutta yleensä ne ovat: (1) määritellä ongelma, (2) suorittaa tutkimusta, (3) analysoida tutkimusta ja aivoriihi-ideoita, (4) kehittää alustavia ratkaisuja, (5) tarkkailla ja tallentaa palautetta ja (6) tarkenna ratkaisuja ja toista tarvittavat vaiheet.