„Figma“: dizainas, prototipas ir bendradarbiavimas visoje įmonėje

Figma

Per pastaruosius kelis mėnesius aš padėjau sukurti ir integruoti labai pritaikytą „WordPress“ egzempliorių klientui. Tai gana pusiausvyra tarp stiliaus, „WordPress“ išplėtimo per pasirinktinius laukus, pasirinktinius įrašų tipus, dizaino struktūrą, vaiko temą ir pasirinktinius papildinius.

Sunku yra tai, kad tai darau iš paprastų maketų iš patentuotos prototipų kūrimo platformos. Nors tai yra patikima vizualizavimo ir dizaino platforma, ji nėra lengvai išverčiama į HTML5 ir CSS3. Pridėkite visas kitas iteracijas, ir mano dienos tampa gana apmaudžios, nes pažanga yra labai lėta.

Vienas iš galvosūkių yra tai, kad dizaino agentūra tiesiog perdavė prototipus, nepateikdama jokio pagrindinio stiliaus lapo ... todėl mes stengiamės tai pasiekti eksportuodami prototipus į dirižablisir tada išversti CSS į „WordPress“. Būtinų žingsnių skaičius ir spragos tarp platformų apsunkina procesą. Jau nekalbant apie bandymą supaprastinti greičio ir mastelio sudėtingumą

Figma

Figma didžiąją dalį šio darbo centralizuoja platforma, leidžianti kurti, pateikti atsiliepimus ir bendradarbiauti kiekvienam jūsų komandos nariui, įskaitant:

  • dizaineriai - Bendradarbiaukite kontekste ir realiuoju laiku. Niekada nesijaudinkite, kad failai yra pasenę ar perrašo vienas kito darbą.
  • Suinteresuotosios šalys - Siųskite nuorodą rinkti atsiliepimus, gauti pakeitimų užklausas ir leiskite suinteresuotosioms šalims jūsų dizaino kopijas atnaujinti.
  • Programavimas - Inžinieriai visada turi prieigą prie dabartinio tiesos šaltinio ir gali patikrinti elementus, eksportuoti turtą ir nukopijuoti kodą.

„Figma“ turi keletą unikalių savybių:

  • Būlio operacijos - Turėdami keturias formules: susiejimas, atimimas, susikirtimas ir neįtraukimas, galite tiksliai derinti bet kokį formos sluoksnių rinkinį.
  • komponentai - Kurkite greičiau ir nuosekliau naudodami daugkartinius ir keičiamus elementus visuose failuose. Kiekviename egzemplioriuje pasiekite sluoksnius, kad galėtumėte intuityviai redaguoti ir nepaisyti teksto ir vaizdų.
  • Suvaržymai - Suderinkite savo dizainą taip, kad jis atitiktų bet kokį ekrano dydį, pritvirtindamas objektus prie pagrindinio rėmo, užfiksuodamas objektą prie tinklelio ar net sukurdamas tokio masto komponentus.
  • Įrenginių rėmai - Pateikite savo dizainą tinkamoje aplinkoje. Jūs netgi galite pasirinkti portreto ir gulsčio režimą.
  • Sąveika - Padarykite savo prototipus atgyjančius apibrėždami sąveiką spustelėdami, užveskite, spausdami ir dar daugiau.
  • Perdangos - Naudodami santykinį ir rankinį padėties nustatymą, galite visiškai kontroliuoti, kur ir kaip rodomos perdangos.
  • Pikselių tobulumas - Interaktyvus 60 kadrų per sekundę redagavimas suteikia jums itin aiškias, tobulas taškų peržiūras ir eksportą.
  • Prototipai - Greitai sukurkite srautus, sujungdami ekranus ir įtraukdami tokius elementus kaip sąveika, perėjimai, perdangos ir kt. Užuot sinchronizavę su kitais įrankiais, tiesiog bendrinkite URL, kad gautumėte atsiliepimų.
  • Patvirtinantys Dizainas - Ištieskite maketus ir sužinokite, kaip jie reaguos į ekrano dydžio pokyčius.

Reaguojantis prototipų kūrimas

  • Slinkimas - Leiskite slinkti horizontaliai, vertikaliai arba bet kuria kryptimi atskirose formose arba visame pagrindiniame rėmelyje.
  • Stilius - Sinchronizuokite spalvas, tekstą, tinklelius ir efektus visuose savo projektuose. Palaikykite mažiau teksto stilių ir suderinkite savo dizainą įvairiuose įrenginiuose su unikaliais „Figma“ tinklelio stiliais.
  • Komandų bibliotekos - Bendrinkite komponentus ir stilius „Figma“ - nereikia bendrų diskų ar papildomų įrankių. Jūs ir jūsų komanda kontroliuojate, kaip ir kada pakeitimai bus įdiegti naudojant paprastas leidybos darbo eigas.
  • Vektoriniai tinklai - „Figma“ sukūrė rašiklio įrankį intuityvesnį, leidžiantį tiesiogiai manipuliuoti, išsaugant suderinamumą su keliais atgal.

Dėl įmonė klientų, „Figma“ gali padidinti nuoseklumą, efektyvumą ir saugumą. Ši platforma leidžia įmonės klientams lengvai valdyti projektavimo sistemas su komandos bibliotekomis ir galimybe įkelti ir dalytis pasirinktiniais šriftais jūsų organizacijoje. Įtraukiami vienkartiniai prisijungimai, prieigos valdikliai ir veiklos žurnalai.

Pradėkite nuo „Figma“

„Figma“ turi daugybę vadovėlių, kuriuos jie palaiko Youtube kanalas, čia yra darbo pradžios vaizdo įrašas:

Figma suteikia kūrėjams galimybę tikrinti, kopijuoti, eksportuoti išteklius ir kopijuoti CSS tiesiai iš dizaino failo. Taip pat galite įgalinti esamas darbo eigas naudodami integravimą, įskaitant dirižablis, Avokodas, JIRA, Dropbox, „ProtoPie“, ir Principas skirta „Mac“. Jie taip pat turi tvirtą API.

Išbandykite „Figma“ nemokamai

Ką manote?

Ši svetainė naudoja "Akismet", kad sumažintų šlamštą. Sužinokite, kaip apdorojamas jūsų komentaras.