Figma: Dizajn, prototip i suradnja širom poduzeća

Figma

Posljednjih nekoliko mjeseci pomažem u razvoju i integriranju visoko prilagođene WordPress instance za klijenta. To je sasvim ravnoteža stila, proširivanja WordPressa kroz prilagođena polja, prilagođene vrste postova, okvir dizajna, podređenu temu i prilagođene dodatke.

Težak je dio što to radim iz jednostavnih maketa s vlasničke platforme za prototipiranje. Iako je to solidna platforma za vizualizaciju i dizajn, nije je lako prevesti na HTML5 i CSS3. Dodajte sve ostale ponavljanja i moji dani postaju prilično frustrirajući jer je napredak izuzetno spor.

Dio slagalice je da je dizajnerska agencija jednostavno predala prototipove, ne pružajući nikakav glavni obrazac ... pa radimo na tome da izvozimo prototipove u cepelin, a zatim prevođenje CSS-a na WordPress. Broj potrebnih koraka i razmaci između platformi čine ga teškim procesom. A da ne spominjemo pokušaj pojednostavljenja složenosti zbog brzine i skalabilnosti

Figma

Figma centralizira veći dio ovog rada s platformom koja omogućuje dizajn, povratne informacije i suradnju kroz svakog člana vašeg tima, uključujući:

  • Dizajneri - Surađujte u kontekstu i u stvarnom vremenu. Nikada se ne brinite hoće li vaše datoteke zastarjeti ili prepisati međusobno djelo.
  • Dionici - Pošaljite vezu za prikupljanje povratnih informacija, primanje zahtjeva za promjenu i omogućavanje dionicima da izvrše kopiranje ažuriranja u vašem dizajnu.
  • Developeri - Inženjeri uvijek imaju pristup trenutnom izvoru istine i mogu pregledati elemente, izvesti imovinu i kopirati kod.

Figma ima neke jedinstvene značajke:

  • Logičke operacije - S četiri formule: spajanje, oduzimanje, presijecanje i isključivanje možete precizno kombinirati bilo koji skup slojeva oblika.
  • Komponente - Izgradite brže i dosljednije s višekratnim i skalabilnim elementima u datotekama. Pristupite slojevima u svakoj instanci kako biste mogli intuitivno uređivati ​​i nadjačavati tekst i slike u retku.
  • ograničenja - Prilagodite svoj dizajn tako da odgovara bilo kojoj veličini zaslona pričvršćivanjem objekata na roditeljski okvir, privezivanjem objekta na mrežu ili čak stvaranjem komponenata koje se skaliraju.
  • Okviri uređaja - Predstavite svoje dizajne u pravom okruženju. Možete čak birati između portretnog i pejzažnog načina.
  • Interakcije - Oživite svoje prototipove definiranjem interakcija na klik, lebdenjem, pritiskom i još mnogo toga.
  • Slojevi - S relativnim i ručnim pozicioniranjem imate potpunu kontrolu nad time gdje i kako se prekrivači pojavljuju.
  • Pixel-savršenstvo - Interaktivno uređivanje od 60 kadrova u sekundi donosi vam izuzetno jasne, savršene preglede i izvode.
  • Prototyping - Brzo gradite tijekove povezivanjem zaslona i dodavanjem elemenata poput interakcija, prijelaza, prekrivanja i još mnogo toga. Umjesto sinkronizacije s drugim alatima, jednostavno podijelite URL za primanje povratnih informacija.
  • Osjetljivi dizajn - Ispružite svoje izglede i pogledajte kako će reagirati na promjene veličine zaslona.

Odzivno izrađivanje prototipa

  • pomicanje - Omogućite vodoravno, okomito ili pomicanje u bilo kojem smjeru unutar pojedinih oblika ili cijelog nadređenog okvira.
  • Stilovi - Sinkronizirajte boje, tekst, rešetke i efekte u svim svojim projektima. Održavajte manje stilova teksta i poravnajte svoje dizajne na različitim uređajima s Figminim jedinstvenim stilovima mreže.
  • Knjižnice tima - Dijelite komponente i stilove u Figmi - nema potrebe za zajedničkim pogonima ili dodatnim alatima. Vi i vaš tim kontrolirate kako i kada se promjene uvode jednostavnim tijekovima objavljivanja.
  • Vektorske mreže - Figma je stvorila alat za olovku kako bi bio intuitivniji, omogućavajući izravnu manipulaciju uz očuvanje povratne kompatibilnosti s putanjama.

Za poduzeće klijenti, Figma može postići dosljednost, učinkovitost i sigurnost u opsegu. Platforma omogućuje poslovnim klijentima lako upravljanje sustavima dizajna pomoću timskih biblioteka i mogućnost prijenosa i dijeljenja prilagođenih fontova u vašoj organizaciji. Uključeni su pojedinačna prijava, kontrole pristupa i zapisnici aktivnosti.

Započnite s Figmom

Figma ima velik izbor tutorijala koje održavaju na svojim YouTube kanal, evo videozapisa za početak:

Figma pruža programerima mogućnost pregleda, kopiranja, izvoza imovine i kopiranja CSS-a izravno iz datoteke dizajna. Također možete omogućiti postojeće tijekove rada integracijama, uključujući cepelin, Avocode, Jira, Dropbox, ProtoPiei Načelo za Mac. Oni također imaju robusni API.

Isprobajte Figmu besplatno

Što vi mislite?

Ova web stranica koristi Akismet za smanjenje neželjene pošte. Saznajte kako se podaci vašeg komentara obrađuju.