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, olipa kyseessä suunnittelija, kehittäjä tai muu projektin jäsen. Jos olet suunnittelija, Figma tuntuu hieman Adobe Illustratorilta, sillä sekin on vektoripohjainen ohjelmisto, ja jos tunnet Adobe XD:n, käyttöliittymä on hyvin tuttu.

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 mukavaa!

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

UI (User Interface) tarkoittaa tuotteen visuaalista suunnittelua, ulkoasua ja tuntumaa. Figmassa tämä sisältää esimerkiksi painikkeiden, kuvakkeiden, typografian, värimaailman ja asettelun suunnittelun.

UX (User Experience) keskittyy käyttäjän kokonaisvaltaiseen kokemukseen – siihen, miten käyttäjä on vuorovaikutuksessa tuotteen kanssa ja kuinka intuitiivinen tai miellyttävä kokemus on. Siihen kuuluu sisällön ja navigaation rakenteen suunnittelu, jotta käyttökokemus olisi mahdollisimman sujuva.

Yhteenvetona: UI Figmassa liittyy siihen, miltä asiat näyttävät, kun taas UX siihen, 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ä kaikki kehykset ja sivut kopioidaan;
• Tee kopio tästä tiedostosta: Figma tekee kopion koko tiedostosta, mukaan lukien kehykset, sivut, resurssit ja kaiken muun.