Getting Started with Figma

Figma on pilvipohjainen suunnittelu- ja prototyyppityökalu, jota käytetään laajasti käyttöliittymien (UI) ja käyttäjäkokemusten (UX) luomiseen. Se tekee tiimityöskentelystä erittäin helppoa, olitpa sitten suunnittelija, kehittäjä tai muu projektin osapuoli. Jos olet suunnittelija, Figma tuntuu hieman Adobe Illustratorilta, sillä se on myös vektoripohjainen ohjelmisto, ja jos tunnet Adobe XD:n, käyttö tuntuu tutulta.

Figma soveltuu erinomaisesti mobiilisovellusten ja verkkosivujen wireframejen, mockupien ja prototyyppien suunnitteluun. Yksi sen parhaista ominaisuuksista on reaaliaikainen yhteistyö. Sinä ja tiimisi voitte työskennellä samassa projektissa yhtä aikaa, jättää kommentteja, antaa palautetta tai vain seurata työn etenemistä livenä. Se tekee tiimityöstä sujuvaa ja miellyttävää!

Mikä on ero UI:n ja UX:n välillä Figmassa?

UI (User Interface) eli käyttöliittymä keskittyy tuotteen visuaaliseen suunnitteluun, ulkoasuun ja tuntumaan. Figmassa tämä tarkoittaa esimerkiksi painikkeiden, kuvakkeiden, typografian, värimaailman ja asettelun suunnittelua.

UX (User Experience) eli käyttäjäkokemus puolestaan keskittyy käyttäjän kokonaisvaltaiseen polkuun – siihen, miten käyttäjä on vuorovaikutuksessa tuotteen kanssa ja kuinka intuitiivinen tai miellyttävä kokemus on. Tämä sisältää sisällön ja navigaation rakenteen suunnittelun, jotta käyttökokemus olisi mahdollisimman sujuva.

Yhteenvetona: UI Figmassa tarkoittaa, miltä asiat näyttävät, kun taas UX tarkoittaa, miten asiat toimivat. Figma tarjoaa työkalut molempien hallintaan, auttaen suunnittelijoita luomaan sekä visuaalisesti houkuttelevia että käyttäjäystävällisiä tuotteita.

Linkki Figmaan löytyy täältä: https://www.figma.com/

Seuraavaksi katsotaan, miltä Figma näyttää!

Vielä yksi asia: kun valitset tiedoston Figma Communitysta, saatat saada kaksi vaihtoehtoa, kuten minulle kävi. Näiden kahden ero on seuraava:

• Käytä UI Kitia uudessa tiedostossa: Figma käyttää kaikki tiedoston sisältämät resurssit, kuvakkeet ja komponentit uudessa projektissa ilman, että se kopioi kaikkia kehyksiä ja sivuja;
• Tee kopio tästä tiedostosta: Figma tekee kopion koko tiedostosta, mukaan lukien kehykset, sivut, resurssit ja kaiken muun.