Sisällys
1. Figman yleiskatsaus
2. Figma Review
3. Figma-opetusohjelma: kuinka sitä käytetään?
4. Figma-vaihtoehdot ja vertailu
5. Usein kysyttyä Figma Reviewista

Tarkista jokainen Figma-ominaisuus saadaksesi uskomattoman web-suunnittelukokemuksen

Skylar ReidSkylar ReidPäivitetty helmi 28.2023Kuvanmuokkausohjelma

Käyttöliittymien suunnittelu verkkosivustoille ja mobiilisovelluksille tiimisi kanssa on yksinkertaista: käyttämällä Figmaa, tehokasta, ilmaista prototyyppityökalua. Kuka tahansa voi osallistua suunnitteluprosessiin verkkoyhteistyön korostamisen ja ylimääräisen selainpohjaisen käyttöliittymän ansiosta. Työkalun ilmaisen version rajoitukset ovat sen ainoa haittapuoli. Se voi olla perusasia, jonka tiedämme Figmasta. Tämä viesti antaa meille lisätietoja siitä lukemalla nämä täydelliset tiedot Figman arvostelut.

Figma arvostelu

Sisällysluettelo

1. Figman yleiskatsaus 2. Figma Review 3. Figma-opetusohjelma: kuinka sitä käytetään? 4. Figma-vaihtoehdot ja vertailu 5. Usein kysyttyä Figma Reviewista

1. Figman yleiskatsaus

Mikä on Figma?

Käyttöliittymien suunnittelu verkkosivustoille ja mobiilisovelluksille tiimisi kanssa on yksinkertaista: käyttämällä Figmaa, tehokasta, ilmaista prototyyppityökalua. Kuka tahansa voi osallistua suunnitteluprosessiin verkkoyhteistyön korostamisen ja ylimääräisen selainpohjaisen käyttöliittymän ansiosta. Työkalun ilmaisen version rajoitukset ovat sen ainoa haittapuoli.

Lisäksi yksinomaan käyttöliittymien luomiseen tehty web-pohjainen ohjelma on nimeltään Figma (UI). Sen kehitti vuonna 2015 pieni joukko Google-kehittäjiä, joiden tarkoituksena oli luoda tehokkaampi lähestymistapa käyttöliittymäprojektien yhteistyöhön. He ajattelivat, että nykyiset työkalut, kuten Photoshop ja Sketch, eivät olleet tarpeeksi monipuolisia, mikä raivostutti heidät. Joten he päättivät kehittää jotain uutta, jotta ihmiset voisivat suorittaa enemmän tehtäviä nopeammin.

Lisäksi tuloksena ollut Figma nousi pörssiin vuonna 2016. Sen jälkeen sitä ovat käyttäneet tuhannet asiantuntijasuunnittelijat ja ladattu miljoonia kertoja. Koska se tarjoaa asiakkaille erityisen yhdistelmän toimintoja, joita muilta ohjelmistoilta puuttuu, sen suosio on kasvanut nopeasti.

Plussat
Yksinkertainen kokemus ja käyttöliittymä.
Työkaluja verkkoyhteistyöhön.
Helppokäyttöinen ja verkkopohjainen.
Se on saatavilla PC:lle ja mobiililaitteille.
Suunnittelu on erittäin herkkä.
Tiedostojen jakaminen on helppoa ja saatavilla tässä sovelluksessa.
Mukautettavia malleja tarjotaan.
Haittoja
Valitut projektit vain ilmaisella tilauksella.
Tämä työkalu toimii vain verkossa.
Yhteistyökyky ei riitä.
Se käy läpi prototyyppiprosessin.
Joitakin työkaluja on vaikea käyttää ja löytää.
Näkymävaihtoehtoja on kehitettävä.
Ei sovellu aloitteleville käyttäjille.

Miksi käyttää Figmaa Photoshopin sijaan?

Ammattimainen kuvankäsittelyohjelma Photoshop on ollut olemassa jo jonkin aikaa. Suunnittelijat ja valokuvaajat muokkaavat valokuvia Photoshopilla muokatakseen esimerkiksi rajaamista, kokoa ja väriä. Vuonna 2016 esiteltiin upouusi verkkosovellus nimeltä Figma. Se on tehty auttamaan käyttäjiä kehysten, prototyyppien ja mallien tuottamisessa verkkosivustoille ja muille digitaalisille tuotteille. Tässä on kolme hyvää syytä, miksi käytät Figmaa Photoshopin sijaan.

Yksinkertainen käyttää. Figman helppokäyttöisyys on yksi sen tärkeimmistä eduista. Ei ole hämmentäviä työkalurivejä tai valikkoja, joihin eksyä. Sen sijaan sinun tarvitsee vain valita näytön yläreunan päävalikosta.

Kokemusta ei tarvita. Toisin kuin Photoshop, Figma ei tarvitse aiempaa tietoa oppiakseen. Kuka tahansa voi heti ottaa sen käteensä ja aloittaa työskentelyn.

Figma sopii erinomaisesti suunnittelijoille, koska sen ei ole tarkoitus korvata Photoshopia. Se on kumppanisovellus, joka auttaa verkkosivustojen suunnittelijoita parantamaan työtään.

2. Figma Review

Figma hinnoittelu

Figma on ilmainen työkalu kohtuuhintaisilla kuukausi- ja vuositilauksilla. Maksuttoman käyttöliittymäsuunnitteluohjelman Figman kuukausi- ja vuosijäsenyydet ovat tehokäyttäjille. Tietenkin ilmaisella versiolla on rajoituksia. Käyttäjät voivat tehdä kolme FigJam-tiedostoa ja kolme Figma-tiedostoa. Satunnaisille kuluttajille, suhteellisen pienille ryhmille ja riippumattomille suunnittelijoille se ei ole kauheaa.

Käyttäjille, jotka ovat maksaneet, on saatavilla kaksi päivitystä. Professionalin tiimikirjastot, äänikeskustelut ja tiedostojen lisäykset ovat rajattomat. Hyödyllinen, jos haluat pitää brändisi johdonmukaisena. Kuukausimaksu on $15, 14 puntaa tai 24 AUD toimittajaa kohden. Toimittajan kuukausihinnat ovat $12, 11 puntaa tai 19 AUD vuositilauksille.

Organisaatio maksaa $45 / 41 £ / 71 AUD toimittajaa kohden kuukaudessa vuositilauksella ja sisältää kaiken Professionalin tekemän, sekä organisaation laajuiset kirjastot, analytiikan ja keskitetyn tiedostojenhallinnan.

Figma Figuurit

Voit esitellä suosikkihahmosi haluamissasi asennoissa Figma-sarjan erittäin artikuloitujen mutta silti houkuttelevien PVC-toimintahahmojen avulla. Lisäksi Figma-sarjan Figuurit, jotka on valmistettu ABS:stä ja PVC:stä, ovat nivellettyjä. Jokaisen figuurin mukana tulee joustava teline. Figuurien korkeus vaihtelee 13-16 cm hahmon pituudesta riippuen.

Figma Figuurit

Figma mallit

Löydä yli 300 henkilöstömme luomaa mallia, jotka auttavat sinua käynnistämään idean tai muokkaamaan siitä jotain uutta. Aloita yllä olevasta navigoinnista tai vieritä alaspäin selataksesi joitain suosikkiluokkiamme ideoiden saamiseksi. Jotkut käyttäjien rakastetuimmista Figma-malleista ovat seuraavat:

Sarjat Wireframelle. Komponenttipohjaisen rautalankasarjamme avulla voit nopeasti vahvistaa ideasi ja nopeuttaa verkkosivuston suunnitteluprosessia.

Hyödynnä tuotekehitysmallejamme tulevan rakentamisen suunnittelussa. FigJam-mallit tarjoavat luotettavan tiekartan tuotematkasi alusta itse valmiiseen tuotteeseen, jolloin voit tarttua pyörään luottavaisesti.

FigJam voi piristää tuotesuunnittelua. Suunnittelumenettely, joka johtaa konsensukseen kaaoksen sijaan, on ensimmäinen askel poikkeuksellisten tuotteiden luomisessa. Ota selvää, kuinka FigJam, online-tiimien taulu, tekee suunnittelusta kattavampaa, tehokkaampaa ja nautinnollisempaa.

Figma mallit

Figma-laajennukset ja kuvakkeet

Figma-laajennuksen avulla voit: Tuoda kuvakkeita. Lisäksi voit vetää ja pudottaa liitännäiskuvaketiedostoja Figmaan. Vaihda valittu kuvake nopeasti. Kehittäjät: katso tuotujen kuvakkeiden koodi. Lisää koodi tuodaksesi yksilöllisen SVG:n. Se purkaa tiedot: URI samoin. Se on maksuton! Iconify tuo kuvakkeet aina SVG-muodossa, toisin kuin muut lisäosat, jotka antavat enemmän kuvakkeita, mutta vaativat rahaa SVG:n käyttämiseen. Avoimen lähdekoodin Iconify-projekti tarjoaa yksinomaan avoimen lähdekoodin kuvakesarjoja.

Lisäksi Plugin pitää kirjaa viimeisimmästä sivusta, jolla vierailit, mikä tekee symbolien selaamisesta tai etsimisestä helppoa. Asetukset-sivulla voit aina nollata laajennuksen. Kompakti tila on saatavana myös laajennuksessa käyttäjille, joilla on pieniä näyttöjä. Ota pieni leveys käyttöön napsauttamalla valikkolinkkiä (3 riviä).

Figma-kuvake

Figma Auto Layout

Yksi Figman tärkeimmistä ominaisuuksista on Auto Layout, joka erottuu muiden suunnitteluohjelmien vastaavista toiminnoista mukautuvuuden ansiosta. Pohjimmiltaan sen avulla voit rakentaa kehyksiä ja komponentteja niin, että ne voivat laajentua automaattisesti, jolloin säiliö mukautuu sisällön kokoon tai päinvastoin.

Figma Auto Layout

3. Figma-opetusohjelma: kuinka sitä käytetään?

1.

Luo Figma-tili

Käy osoitteessa www.figma.com, napsauta Rekisteröidy ja aloita Figmalla täyttämällä lomake. Kun olet valmis, Figma käynnistyy aloitusnäytöllä, joka näyttää tältä. Aloita valitsemalla Uusi tiedosto ja sitten mennään!

Figma Luo tili
2.

Tutustu Figman käyttöliittymään

Figma-käyttöliittymä on hyvin yksinkertainen ulkoasu ja tuntuu, mutta kätkee useita vahvoja ominaisuuksia.

Työkalu. Todennäköisimmin eniten käyttämäsi työkalut – kehykset, muodot, teksti jne. – ovat kätevästi käytettävissä täällä. (Katsomme nämä työkalut lähipäivinä.)

Vaihtoehdot. Valitsemasi työkalun lisävaihtoehdot näkyvät tässä osiossa. Figma näyttää tiedostonimen, kun mitään kohdetta ei ole valittu (kuten yllä olevassa esimerkissä). Kontekstikohtaiset valinnat näkyvät tässä, kun objekti valitaan.

Kerrokset. Kunkin tiedoston komponentit on lueteltu ja luokiteltu kehyksiin ja ryhmiin.

Kangas. Teet ja arvioit kaikki työsi täällä.

Tarkastaja. Tarkastaja näyttää minkä tahansa valitun objektin kontekstuaaliset tiedot ja asetukset. Näemme itse Canvasin vaihtoehdot yllä olevassa kuvassa. Keskustelemme näistä myöhemmin tällä viikolla. Huomaa, että Figma tarjoaa erilaisia välilehtiä Inspectorissa (suunnittelu, prototyyppi ja koodi).

3.

Kehyksen luominen

Valitse Frame Tool painamalla F. Kehystyökalun kuvake sijaitsee alla Vaihtoehdot cat ikkunan yläosassa, josta voit myös valita sen vaihtoehtona. Lisäksi voit painaa A varten Taidetaulu jos olet tottunut käyttämään Sketchiä.

Figman luontikehys
4.

Luo tekstitaso

Kirjoitetaan nyt vähän sisältöä. Lisätäksesi a Teksti kerros, napsauta mitä tahansa iPhone-kehyksen kohtaa, kun olet valinnut Teksti työkalua painamalla T. kirjoitetaan Kirjaudu sisään koska se on osa painikkeen suunnittelua. Poistu tekstityökalusta painamalla Paeta.

Figma Lisää tekstiä
5.

Kerrokset tulee järjestää suorakaiteen muotoon

Valitse Suorakulmio-työkalu painamalla R. Piirrä painikkeen muotoinen suorakulmio juuri luodun tekstin ympärille.

Figma Tasaa teksti ja kolmio
6.

Tekstin ja suorakulmion tasaus

Painamalla Paeta tai V, varmista, että Siirrä-työkalu on valittuna ennen kuin vedät a teltta tekstin ja suorakulmion ympärillä.

Figman tasauskolmio
7.

Muokkaa fonttia

Voit siirtyä Inspectorin asetuksiin, kun tekstitaso on valittuna ja muuttaa fonttia ja sen kokoa, painoa ja väriä. Roboto on edelleen käytössä, mutta teksti on nyt lihavoitu ja isoilla kirjaimilla. Yritä tarkastella valintojasi!

Figma Muokkaa tekstiä
8.

Tiedoston tallentaminen ja nimeäminen

Tiedostollemme nimen antaminen on tämän päivän viimeinen tehtävä. Tee tämä valitsemalla kaikki objektit käyttämällä Paeta toimii ja napsauta kohtaa, jossa se lukee Nimetön ikkunan yläosassa. Kirjoita sitten Paina sitten Tallentaa saada valmiiksi.

4. Figma-vaihtoehdot ja vertailu

Suunnitelmat & Hinta Käyttöliittymä ja kokemus Design Yhteistyö verkossa
4.0 4.5 4.5 4.0
4.0 4.0 4.5 4.0
4.0 4.0 4.0 4.0
4.5 4.0 4.0 4.0
4.0 4.5 4.5 4.5
4.0 4.0 4.0 4.0
4.0 4.0 4.0 4.0

5. Usein kysyttyä Figma Reviewista

Onko Figma kaatunut?

Figma-tiedostosi saattaa kaatua useista syistä. Tietokoneen uudelleenkäynnistys on yleisin ratkaisu. Yritä ladata tiedosto uudelleen tai avata se toisella selaimella, jos se ei auta.

Kuinka rajata muoto Figmassa?

Kun valitset näytön vasemmassa yläkulmassa olevasta Täyttötila-pudotusvalikosta Rajaa, Figma lisää kahdeksan sinistä kahvaa kuvan reunoihin. Tämän jälkeen voit päättää, kuinka suuri osa kuvasta näytetään napsauttamalla ja vetämällä sinisiä kahvoja mihin tahansa suuntaan.

Onko Figma helppo oppia?

Figma on suhteellisen helppo oppia uusille web-suunnittelijoille. Tämä johtuu siitä, että Figma tarjoaa käyttäjille rajoitetun ilmaisen ohjelmistoversion ilman sisäänrakennettua aikarajaa ja työkalut ovat helppokäyttöisiä.

Johtopäätös

Ymmärrät FIGMAn hyvin tästä viestistä sekä sen tärkeimmät edut ja haitat. FIGMA on avoimen lähdekoodin tiimipohjainen ohjelmistokehitysalusta verkkosovellusten luomiseen. Siinä on koodieditori, testaustyökalu ja rich text editor. Model-View-Controller (MVC) on FIGMA:n perusta. Vaikka sillä on tiettyjä haittoja, voit helposti oppia Figman noudattamalla muutamia yllä mainittuja yksinkertaisia vaiheita sen etujen ansiosta. Toivomme, että tämä viesti antaa sinulle kaikki yksityiskohdat.

Oliko tästä apua?

329 Äänet

JooJOOKiitos, kun kerroit meille!EiEiKiitos, kun kerroit meille!
AnyMP4 Video Converter Ultimate

All-in-one-videomuunnin, -editori, -tehostin, joka on skaalattu tekoälyllä.

AnyMP4 Video Converter Ultimate