Figma 3.0 (!)

Tyylit, prototyyppien muotoilu ++ ja mittakaavan suunnittelu

Pöytäpohjaiseen suunnitteluun voi tulla mojova hinta. Joukkueet viettävät päivään Frankensteinin työnkulun hallinnassa: Millä prototyypillä on sidosryhmien kommentteja? Onko tyyliopas ajan tasalla? Työskentelemmekö kaikki mallin oikeasta versiosta?

Mielestämme verkossa on parempi tapa. Tänään olen innoissani esitellessäsi Figma 3.0: n, jolla on kolme ominaisuutta, jotka yhdessä ottaen kaiken kokoiset yritykset sallivat työkalupakansa yhdistämisen. Tämä säästää aikaa, koska sinun ei tarvitse vaihtaa jatkuvasti sovellusten välillä. Ja se säästää rahaa, koska voit poistaa tarpeettomat työkalut työnkulusta.

Mikä on uutta:

  1. Prototyyppien luominen - Olemme lisänneet laitekehyksiä, kiinteitä esineitä ja edistynyttä vieritystä, jotta mallit elävät.
  2. Tyylit - Tyylien ja uuden Team Library -toiminnon avulla voit nyt rakentaa ja ylläpitää kaikkia yrityksiäsi kattavan suunnittelujärjestelmän osia Figmassa.
  3. Organisaatiotaso - Esikatselemme uutta organisaatiotasoa, joka auttaa suuria organisaatioita mitoittamaan suunnittelun hallintaa.

Toivomme, että tämä uusi toiminnallisuus yhdistettynä olemassa oleviin verkkopohjaisiin ominaisuuksiin, kuten Kehittäjän vaihto, Kommentointi ja Jaetut komponentit, antaa sinun vaihtaa tiimisi ja työnkulun 100% (tai lähes 100% ) Figmaan.

Lue lisätietoja.

prototyyppien

3.0: n kanssa prototyyppien kehittäminen Figmassa on kehittynyt. Kuuntelimme käyttäjiämme tarkkaan kuluneen vuoden aikana ja lisäsimme asioita, joita tarvitset saadaksesi hyvää palautetta työstäsi: Laitekehykset, kiinteät esineet, vieritys ja muutokset.

Kyllä, tämä tarkoittaa, että joukkueesi voi vihdoin suudella kallista InVision-tilaustasi - ja sen loputonta synkronointia - hyvästit. Protmassa on Figmassa ilmaista, ja se on sidottu suunnitteluun, joten sinun ei tarvitse koskaan viedä näyttöjä enää (verkkotaikuus toiminnassa ).

Yhteenveto:

  1. Laitekehykset. Lisää malleihisi joukko säilöjä - iPhonesta Androidiin Apple Watchiin - ja katsele niiden loistavan. Tämä auttaa muita ryhmäsi jäseniä saamaan yhteyden suunnittelun laajuuteen.

2. Kiinteät esineet. Yhteisömme on pyytänyt kiinteitä ylätunnisteita ja alatunnisteita prototyyppien laatimisessa aloittamispäivästämme lähtien. Nyt voit lopulta kiinnittää esineitä, kuten tilarivit tai painikkeet, kehyksen ylä-, ala- tai jopa sivuille rajoituksin.

Pro-vinkki: Käytä tehosteita, kuten taustan hämärtämistä ja kiinteiden esineiden sekoitustiloja, parantaaksesi vierityskokemusta.

3. Vieritettävät alueet. Tämä on aivan uusi taso näytön suunnittelutyökalun vuorovaikutuksessa. Voit ottaa selauksen yksittäisten muotojen läpi yläkehyksessä, joka voi itse olla vieritettävissä. Haluatko esitellä kuvien karusellin (esimerkiksi Netflixin vaakasuora valintatyyli)? Anna palaa! Tarvitsetko vertikaalisia luetteloita? Lisää se. Menimme vähän villiksi ja sisälsimme jopa "vierittäminen mihin tahansa suuntaan".

4. Siirtymät. Lisää liuottamalla, liu'uttamalla ja työntämällä tehosteita linkittääksesi kehyksiä. Nämä hienoiset siirtymät matkivat alkuperäisten mobiilisovellusten liikettä, joten prototyyppisi näyttävät ammattimaisilta.

Lue lisätietoja tämän uuden toiminnon käyttöönottamisesta ohjeartikkelistamme täältä tai katso opetusvideo täältä. Kuten mainittiin, Figman verkossa prototyyppisi ovat aina ajan tasalla - ylimääräisiä siivouspalveluita ei tarvita.

Tärkeimmät edut prototyyppien valmistuksessa Figmassa:

  • TODELLINEN AIKA : Viilaa mallin täyttövärillä tai fonttikokoilla ja katso prototyypisi heijastavan muutoksia reaaliajassa.
  • LIITTYVÄT HUOMAUTUKSET : Muissa työkaluissa kommentit irroitetaan tarvittavasta kohdasta: Suunnittelemasi sovellus. Figmassa nämä kaksi on linkitetty toisiinsa, joten sinun ei tarvitse vaihtaa välilehtiä palautetta sisällyttäessäsi.
  • TED TALK MODE : Siirry kokoushuoneeseen kuten TED talk pro avaamalla prototyyppisi mobiiliselaimessa. Käytä puhelintasi kaukosäätimenä napsauttaaksesi esitystäsi.

Prototyping on suuri pinta-ala, ja tiedämme, että jotkut teistä tarvitsevat edelleen muita työkaluja työsi tekemiseen. Tarpeemme tyydyttämiseksi sijoitamme aikaa ja energiaa uuteen sovellusliittymäämme, jonka avulla voit saada tietoja Figmasta. Jos olet kuolemassa tietystä integraatiosta suosikki prototyyppisovelluksesi kanssa, mene kerro heille! (Ja kerro heille, että olemme täällä auttamassa.)

Figma Styles on nyt kaikille avoin!

Teimme paljon tutkimusta Figma Styles -yritykselle, aloittamalla kuukausien ajan puhumisen käyttäjille ennen kuin kirjoitimme yhden koodirivin. Suuri kiitos kaikille, jotka olivat osa yksityistä beetaa (ja anteeksi niille, joita emme voineet puristaa sisään!). Palautteesi oli korvaamaton ja muokkasi lopputuotetta.

Hyvä kärki: Aloita tyylikokemuksesi tämän Material Design UI -sarjan avulla.

Figma-tyylit toimivat hieman eri tavalla kuin mitä olet tottunut. Voit käyttää värityylejä erikseen teksti- ja tehostetyyleistä. Tämä estää tyylejäsi rikkoutumasta, kun joudut päivittämään linkin väriä tai jotain muuta, joka on vähäistä. Hämmentynyt? Opetusvideomme näyttää tämän toiminnassa.

Muuta alkuperäistä tyyliä ja katso, että se päivittyy kaikkialla, missä käytit, synkronointiaika ei ole tarpeen (napsauta vain hyväksyä -ilmoitusta, joka tulee näkyviin muihin tiedostoihin). Tyyliäsi käyttäneet joukkuetoverit voivat myös hyväksyä tai hylätä muutoksen omiin suunnittelutiedostoihinsa.

Pro-vinkki: Figmassa voit käyttää useita tyylejä samaan tekstikenttään yksinkertaisesti korostamalla osan tekstistä.

Suosittu brittiläinen ruokatoimituspalvelu Deliveroo testasi Styles-ominaisuutta varhain. Koska heillä on niin monimutkainen tuote - erillisillä sovelluksilla, jotka tekevät tilauksia tekeville ja kuljettajille ruokaa, ja yhdellä ravintoloilla tilauksenhallintaa varten, Figman modulaarinen lähestymistapa muutti heidän suunnittelujärjestelmänsä.

"Värien, typografian ja muotoilun ylläpitäminen kaikissa paikallisissa suunnittelukirjastoissa on täydellistä painajaista, joten brändin johdonmukaisuuden ylläpitäminen kaikissa näissä asioissa on historiallisesti ollut vaikeaa", sanoo vanhempi suunnittelupäällikkö Raphael Guilleminot. "Figma antaa meille mahdollisuuden päivittää tuotemerkkiämme mittakaavassa hyvin pienillä kustannuksilla."

Haluatko lisää resursseja? Aloita tyylikokemuksesi tällä Figman Material Design UI -paketilla, jonka on suunnitellut OpenText-suunnittelija Thomas Lowry. Hän loi myös Facebook iOS 11: n ja Android-käyttöliittymäpaketin, jonka voit ladata täältä. Lue tyylit yksityisestä beeta-ilmoituksestamme täältä tai ohjeartikkelimme täältä.

Pro-vinkki: Voit tallentaa mukautetun asetteluruudun tyylinä.

Esittelyssä: Organisaation taso

Viimeisenä, esittelemme Figman uuden organisaatiotason kanssa ominaisuuksia, joiden avulla on helppo suunnitella mittakaavassa.

Kun Figman jalanjälki kasvaa Microsoftin ja Uberin kaltaisissa yrityksissä, opimme paljon siitä, kuinka suuret organisaatiot toimivat. Organisaatiotasonamme on täydelliset tarvitsemansa hallintalaitteet: Yritysluokan suojausominaisuudet, organisaation laajat suunnittelujärjestelmät, rajoittamaton joukkue ja paljon muuta.

Tässä on yleiskatsaus:

  1. Org-laajat suunnittelujärjestelmät: Yritykset voivat julkaista laajempia suunnittelujärjestelmiä koko organisaation alueella, samalla kun yksittäiset ryhmät voivat käyttää omia joukkuekirjastojaan. Kun uudet vuokralaiset liittyvät heidän erityiseen joukkueeseensa Figmassa, he pääsevät saamaan käyttöönsä asianmukaiset materiaalit ensimmäisestä päivästä lähtien - koneeseen pääsyä, ohjelmistojen asennusta, luvien myöntämistä tai muuta mielenterveyden työtä ei tarvita.
  2. Suojaus: Figman organisaatiotasolla yritykset voivat valvoa kirjautumisrajoituksia, kuten SAML, Google SSO tai kaksifaktorinen todennus. He voivat myös lisätä vieraita Figmaan, joten organisaation ulkopuoliset ihmiset - kuten urakoitsijat - voivat käyttää tiettyjä projekteja ilman täysjäsenyyttä.
  3. Järjestelmänvalvojan ohjaimet: Järjestelmänvalvojat pystyvät hallitsemaan yllä olevia turvaominaisuuksia yhdestä keskitetystä näkymästä. Annamme heille myös parannettua organisaatiotietojen näkyvyyttä ja hallintaa tarkastuslokeilla ja tietojen viennillä varmistaaksemme, että yritys ei koskaan menetä työtä.

Haluamme saada tämän oikein, joten olemme tekemässä yhteistyötä muutaman valitun yrityksen kanssa tarjontamme parantamiseksi. Jos tämä esikatselu kiinnostaa sinua, ota meihin yhteyttä hinnasivullamme.

Lyhyesti

Suunnittelijoiden työnkulkuja ei tarvitse pitää yllä jatkuvalla synkronoinnilla, päivityksellä, integroinnilla ja tallennuksella. Heidän pitäisi vain toimia.

Figma 3.0: lla toivomme, että säästät aikaa ja rahaa korvaamalla Frankensteinin työkalupino yksinkertaisuudella. Kuten aina, olemme innokkaita kuulemaan ajatuksiasi ja palautetta. Kirjaudu sisään sovelluksen chat-tuen kautta, tutustu prototyyppien ja tyylien ohjeartikkeleihimme, liity keskusteluun Spectrumin kautta tai twiitti meitä @figmadesign. Odotamme innolla, mitä rakennat Figmassa!

Kerro meille mitä ajattelet.