Figma: Dizajn, prototip i saradnja širom preduzeć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 WordPress-a 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 iz 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 stilova ... pa radimo na tome da izvozimo prototipove u vazdušna lađa, 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ćava dizajn, povratne informacije i suradnju kroz svakog člana vašeg tima, uključujući:

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

Figma ima neke jedinstvene karakteristike:

  • Logičke operacije - Pomoću četiri formule: objediniti, oduzeti, presijecati i izuzeti možete precizno kombinirati bilo koji skup slojeva oblika.
  • komponente - Izgradite brže i dosljednije pomoću ponovnih i skalabilnih elemenata u datotekama. Pristupite slojevima u svakoj instanci kako biste mogli intuitivno uređivati ​​i nadjačavati tekst i slike u redu.
  • 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 komponenti koje se skaliraju.
  • Okviri uređaja - Predstavite svoje dizajne u pravom okruženju. Možete čak birati između portretnog i pejzažnog režima.
  • interakcije - Oživite svoje prototipove definiranjem interakcija na klik, dok lebdite, dok pritiskate i još mnogo toga.
  • Overlays - Pomoću relativnog i ručnog pozicioniranja imate potpunu kontrolu nad time gdje i kako se prekrivači pojavljuju.
  • Savršenost piksela - Interaktivno uređivanje od 60 kadrova u sekundi donosi vam izuzetno jasne, savršene preglede i izvode.
  • prototipa - Brzo gradite tokove povezivanjem zaslona i dodavanjem elemenata poput interakcija, prijelaza, prekrivanja i još mnogo toga. Umjesto sinhronizacije s drugim alatima, jednostavno podijelite URL za primanje povratnih informacija.
  • Odgovarajući dizajn - Ispružite svoje izglede i pogledajte kako će reagirati na promjene veličine ekrana.

Responsive Prototyping

  • Skrolovanje - Omogućite vodoravno, okomito ili pomicanje u bilo kojem smjeru unutar pojedinačnih oblika ili cijelog nadređenog okvira.
  • Styles - 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.
  • Biblioteke tima - Dijelite komponente i stilove u Figmi - nema potrebe za dijeljenim pogonima ili dodatnim alatima. Vi i vaš tim kontrolirate kako i kada se promjene uvode jednostavnim tokovima objavljivanja.
  • Vector Networks - Figma je stvorila alat za olovku da bude intuitivniji, omogućavajući direktnu manipulaciju uz očuvanje kompatibilnosti s putanjama unazad.

za preduzeće klijenti, Figma može postići dosljednost, efikasnost i sigurnost. Platforma omogućava poslovnim klijentima da lako upravljaju sistemima dizajna pomoću biblioteka timova i mogućnost učitavanja i dijeljenja prilagođenih fontova u vašoj organizaciji. Uključene su pojedinačna prijava, kontrole pristupa i evidencije aktivnosti.

Započnite s Figmom

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

Figma daje programerima mogućnost pregleda, kopiranja, izvoza imovine i kopiranja CSS-a direktno iz datoteke dizajna. Takođe možete omogućiti postojeće tokove posla integracijama, uključujući vazdušna lađa, Avocode, Jira, Dropbox, ProtoPie, I princip za Mac. Oni takođe imaju robusni API.

Isprobajte Figmu besplatno

Šta ti misliš?

Ova stranica koristi Akismet kako bi smanjila neželjenu poštu. Saznajte kako se podaci vašeg komentara obrađuju.