Mahtavia asioita Figmassa

On kulunut todella kauan, kun muistan olevani niin innoissani suunnittelutyökalujen tilasta. Adoben siirtymisen jälkeen Creative Cloudiin näyttää olevan verrattain [toistaiseksi] pysähtynyt aikataulu, jossa laajentuvien näyttökenttien kokojen ja pikselitiheyksien torjuminen oli yhä turhauttavaa. Onneksi on pienempiä ketterämpiä ohjelmistoyrityksiä, jotka rakentavat fantastisia tuotteita, jotka toimittavat täysin uusia lähestymistapoja ja työnkulkuja UI / UX-genren työkalujen suunnitteluun.

Luonnoksesta on saatu ansainnut huomionarvoinen käyttäjäkunta ja vaikka Adobe on yrittänyt vastata XD: llä (onko liian aikaista sanoa, että minusta ei ole vaikuttunut?), Olen innostunut eniten Figman mahdollisuuksista.

Jos olet uusi Figma, se tuntuu hyvin tutulta, jos olet koskaan käyttänyt Sketchiä. Ikkunan kokoonpano on melkein identtinen: työkalut ylhäällä, kerrokset vasemmalla, tarkastaja oikealla ja kangas keskellä - käyttöliittymä on kuitenkin erilainen: tasainen (tyylissä) ja minimaalinen verrattuna Sketchin OSX-käyttöliittymään. Kuvatauluja kutsutaan kehyksiksi ja symboleja kutsutaan komponenteiksi kuvassa. Komponenttien muokkaaminen tapahtuu rivillä (ei erillisellä sivulla, kuten Sketchissä), ja jopa täyttö- ja viivavärit ja muut määritteet voidaan ohittaa tekstin vaihtamisen lisäksi. Yksi Figman vaikuttavimmista ja ainutlaatuisimmista ominaisuuksista on moninpeli, jonka avulla käyttäjät voivat tehdä yhteistyötä reaaliajassa - saat nähdä yhteistyökumppaneiden kohdistimet työskentelevän samalla kankaalla vuorovaikutuksessa suunnittelun kanssa. Koska selaimeen perustuva (älä anna sen pelottaa sinua - se on nopea ja reagoiva), kuka tahansa selaimessa voi käyttää sitä, käyttöjärjestelmästä riippumatta. Tämä tarkoittaa sitä, että omistusohjelmaa ei tarvita, mikä johtaa entistä helpompaan luovutukseen kehittäjille.

Vaikka moninpelitila ei ehkä sovi jokaiselle nykypäivän työnkululle, epäilen, että tämä muuttuu. Olen jo todennut, että on todella hyödyllistä työskennellä etäyhteistyössä kollegojen kanssa jopa virtuaalitauluna karkeiden metallilankojen ja virtausten tyhjentämiseksi projektin alkuvaiheissa. Se, että näet yhteistyökumppanisi kohdistimen rakentavan suunnittelun oman rinnallesi, on luottamusta inspiroivaa - se eliminoi epävarmuuden tunne, joka usein syntyy versionhallinnasta ja ylikirjoittamisesta, joka syntyy, kun käytetään joitain pilvisovelluksia.

Satunnainen syrjään: Vuosien kuluttua Illustratorin käytöstä rakastan täysin sitä, että voin vain painaa "I" päästäksesi piikkityökaluun!

Vaikka Figmasta (tällä hetkellä) puuttuu joitain ominaisuuksia, jotka Sketchillä on (etenkin tyylimääritelmien ympärillä ja käytettävällä sovellusliittymällä laajennuksen kehittämiseen), on olemassa monia todella älykkäitä ominaisuuksia, joista olen innoissani. Niiden nopea julkaisuaikataulu antaa minulle olla varma, että monet puuttuvista ominaisuuksista ja toiminnoista, joita käyttäjät ehdottavat, eivät ole liian kaukana tiellä. Tämän viestin tarkoituksena ei ole mennä yksityiskohtaisesti moniin Figman piirteisiin, jotka on dokumentoitu muualla (täällä, täällä, täällä ja täällä); sen sijaan halusin tuoda esiin muutaman suosikkini “pienistä isoista yksityiskohdista”, jotka kiitän Figman joukkuetta toteuttamisesta. Nämä yksityiskohdat tekevät kumulatiivisesti valtavan eron.

Etualan kohteiden valitseminen

Kun taustaobjektin päälle on pinottu erilaisia ​​objekteja (kuten kortti-käyttöliittymä tai sisältävät taustaa), voit valita päällä olevia esineitä helposti joutumatta siirtämään + napsauttamaan niitä yksittäin tai lukitsemalla taustakerroksen tehdäksesi valintamarkkina. Tämä toimii jopa komponenttien tai ryhmien objektien valinnassa. Pidä vain CMD-painiketta painettuna ja vedä valintamerkkivalinta valittavien kohteiden ympärille. Ennen kuin vedät ja painat CMD-painiketta, siirrä hiiren sisältävän objektin päälle - se korostaa sen ääriviivoilla - kun napsautat ja aloitat vetämistä valitaksesi, se ohittaa kyseisen objektin ja antaa sinun valita kohteita etualalla. Fiksu!

Tekstikentän koko ja kohdistus

Figman avulla voit asettaa tekstiruutujen leveydet ja korkeudet sekä tekstin pystysuuntaisen kohdistuksen lisäksi. Tämä on todella perusominaisuus, mutta se puuttuu Sketchistä. Otetaan yllä oleva käyttötapa. Luonnoksessa minun olisi joko luotava kaksi symbolia: yksi yhden rivin painikemerkinnöille ja toinen kahdelle rivimääritykselle - tai - minun olisi luotava kolme symbolia; kaksi tallettaaksesi kunkin tekstikentän kokoonpanon ja vaihtamalla ne kolmannen isäntäsymbolin ohituksiksi. Mahdollisesti kiertäminen on hankalaa ja johtaa lisäsymboleihin, ja lisätty vaiva, joka johtuu vaihtamisesta, ohittaa, kun huomaan, että tietty tekstimerkkijono on liian pitkä. Figmassa voin saavuttaa tämän yhdellä symbolilla. Kun tekstimerkkijono on liian pitkä yhdelle riville, se kääri kahteen riviin ja pysyy pystysuunnassa keskitetyn kiinteän korkeuden tekstikenttään.

Jokaiseen kehykseen voidaan lisätä useita ruudukkoja. Ristikot voidaan asettaa kiinteiksi keskelle tai vasemmalle tai venyttää. Jokainen ruudukko voidaan värjätä itsenäisesti.

Ristikot

Sketch-ruudukko (asettelu) -asetukset toimivat ... mutta siinä on jotain, joka ei koskaan tuntenut minusta oikein. Ruudukon luominen tuntuu paljon yksinkertaisemmalta ja monipuolisemmalta. Voit lisätä kehykseen niin monta ruudukkoa kuin haluat, ja voit jopa lisätä ruudukkoja komponenttien sisälle. Voit muotoilla jokaisen ruudukon yksilöllisesti tunnistamista varten. Sinulla voisi olla esimerkiksi 3 sarakkeen ruudukko ja 6 sarakkeen ruudukko ja väri ne yksilöllisesti. Figmassa on myös asetus, joka venyttää ruudukon ja skaalaa sen kehyksesi mittasuhteisiin. Mahdollisuus määrittää kiinteät ja nestemäiset (joustavat) ruudukot on todella kätevä, kun rakennat järjestelmää toimimaan monenlaisissa ikkunoissa. Rivien lisääminen ruudukkoon toimii täsmälleen samalla tavalla, mutta sitä ohjataan sarakkeista riippumatta ylimääräisenä ruudukkokerroksena. Jokainen ruudukko voidaan hallita itsenäisesti ja vaihtaa tarkastajalta. CTRL + G vaihtaa ruudukot nopeasti kaikkiin kehyksiin.

Kohdista verkkoon

Kun luot komponentteja Figmassa, voit napsauttaa komponentin sisällä olevat objektit kehyksen ruudukkoon. Kohdistus säilyy, kun skaalaat komponenttia tai kehystä. Näiden yksityiskohtien avulla on helpompaa ja nopeampaa mukauttaa malleja eri näkymäkokoihin!

Leikkeen sisältö

Figmassa on kätevä ja naurettavan yksinkertainen ominaisuus, jonka avulla voit vaihtaa, onko teoksesi rajattu kehykseen vai ei. Aluksi en ajatellut paljon tästä ominaisuudesta, ennen kuin jouduin kartoittamaan joitain virtauksia Sketch-piirrosten välillä. Kun haluat tehdä jotain yksinkertaista, kuten piirtää nuoleita, jotka yhdistävät painikkeet yhdestä taitekartongista toiseen kehykseen, nuolet rajautuvat tauluun. Mahdollisia kiertotapoja ovat, että nuolet pidetään taulun ulkopuolella tai että kaikki taulunne sijaitsevat toisen taulun sisällä. Figmassa joudut vain poistamaan valintaruudun - tämä on vielä hyödyllisempää, kun työskentelet näytöillä, joilla on pitkä vieritettävä sisältö, koska voit esikatsella sitä, mitä saatat nähdä näkymässä, mutta pääset helposti muokkaamaan kehyksen ulkopuolelle jäävää sisältöä.

rajoitteet

En aio mennä yksityiskohtiin rajoituksista, koska tämä on melko hyvin dokumentoitu ominaisuus, mutta Figmasta olisi vaikea kirjoittaa mainitsemmatta niitä, jotka eivät tunne heitä. Verrattuna luonnokseen (joka antaa sinulle 4 erilaista rajoitustilaa), Figma antaa sinulle 5 eri tilaa ja antaa sinun määrittää ne itsenäisesti pystysuoriksi tai vaakasuureiksi ominaisuuksiksi. Käyttöliittymä rajoitusten hallitsemiseksi on yllättävän yksinkertainen. Sitä voidaan hallita pudotusvalikkovalinnoilla tai yksilöimällä rajoituksen sijainnit pienessä hiusten poikkileikkauksessa. Jos kaaviolla ei ole aluksi merkitystä, se alkaa tehdä valintoja pudotusvalikoista. Pidän siitä, että he eivät yrittäneet valita hämmentäviä kuvakkeita tässä pudotusvalikossa. Tekstivaihtoehdot ovat paljon kuvaavampia. Figman avulla voit määrittää komponenttien sisäiset ja koko komponentin rajoitukset kehykseen nähden, jotta ne reagoivat kehyksen koon muutoksiin.

Muutamia asioita, jotka haluaisin nähdä Figmassa

Komponenttien väliset rajoitukset
Kyky määritellä rajoitukset tai suhteet kahden tai useamman komponentin välillä. Kun objekti tai tekstilaatikko tulee pidempään, sen kyky siirtää viereistä objektia uudelleen tai siirtää sitä tai jopa laajentaa sisältävää objektia.

Live-tiedot
Mahdollisuus lisätä reaaliaikaisia ​​tietoja tai mukautettuja tietojoukkoja, mukaan lukien kuvat, suunnitteluun (kuten me näemme Invision käsityönä).

Ruudukon leveys
Mahdollisuus myös määrittää ruudukot niiden kokonaisleveyden perusteella ja saada sarakkeiden leveys laskea automaattisesti.

Tyyppiohjaimet
Lisää vaihtoehtoja tyypin hallitsemiseksi, kuten pääsy OpenType-ominaisuuksiin, tilattuihin ja numeroituihin luetteloihin, välilyönnit, ripustamispalettiin pääsy ja kyky määritellä yleisen tyylin tyylejä.

sivut
Sivut ovat ominaisuus, josta pidän todella ja joista olen löytänyt hyödyllisen Sketchissä näytöiden erottamiseen, järjestämiseen ja ryhmittelyyn.

Figma ei ole vielä ilmoittanut pitkän aikavälin hinnoittelumalliaan (se on tällä hetkellä ilmainen) tai jos on suunnitelmia offline-tilassa -tilasta tai vaihtoehtoisista menetelmistä sellaisten projektien käsittelemiseksi, jotka ovat liian herkkiä tallentamaan pilveen - mutta etsin innostuneesti eteenpäin nähdä mitä tapahtuu seuraavaksi. Minun on myös huomattava, että vaikka olen nauttinut monista näistä ominaisuuksista, käytän myös Sketchiä päivittäin ja nautin siitä myös perusteellisesti. Sketchillä on fantastinen laajennuskehitysyhteisö ja hyödyllisiä lisäosia, kuten Craft. En ole vielä lukenut mitään päivitystä laajennuksen kehittämisestä tai käytettävästä sovellusliittymästä Figmalle, mutta olen lukenut, että tiimi tutkii tapoja, joilla käyttäjät voivat tuoda todellista tietoa suunnitteluun. Rakastan sitä, että laajennuskehittäjien yhteisö laajentaa runsaasti Sketchin toiminnallisuutta, mutta ihmettelen, tuoko tämä haasteita, kun Sketchin uudet versiot julkaistaan. Toimiiko edelleen avoimen lähdekoodin laajennus, johon olet luottanut, edelleen sama jokaisen päivityksen jälkeen? Tuleeko vaikeaksi ylläpitää yhteensopivuutta tai testata ristiriitoja / virheitä? Olen todella utelias. Joka tapauksessa en voi odottaa nähdäkseni mitä seuraavaksi!

Jaa alla suosikkiominaisuutesi / yksityiskohdat Figmassa!