sadržaj MarketingMarketing alati

Figma: Dizajn, prototip i saradnja širom preduzeća

U posljednjih nekoliko mjeseci, pomagao sam u razvoju i integraciji visoko prilagođene WordPress instance za klijenta. To je prilično balans stila, proširenje WordPress-a kroz prilagođena polja, prilagođene vrste postova, okvir dizajna, podređenu temu i prilagođene dodatke.

Najteži dio je što to radim od jednostavnih maketa sa vlasničke platforme za izradu prototipa. Iako je to solidna platforma za vizualizaciju i dizajn, to se ne može lako prevesti HTML5 i CSS3. Dodajte sve druge iteracije 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 za naš dječja tema stylesheet u WordPress-u. Broj potrebnih koraka i praznine između platformi čine ovaj proces teškim. Da ne spominjemo pokušaj pojednostavljivanja složenosti radi brzine i skalabilnosti

figma

figma pruža moćne alate za dizajn sa saradnjom za više igrača, omogućavajući timovima da istražuju ideje dok hvataju kvalitetne povratne informacije u realnom vremenu.

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: Sarađujte u kontekstu i u realnom vremenu. Nikada ne brinite o tome da će vaši fajlovi biti zastarjeli ili da prepisuju jedni druge.
  • Akteri: Pošaljite link da prikupite povratne informacije, dobijete zahtjeve za izmjenom i omogućite zainteresiranim stranama da ažuriraju vaše dizajne.
  • Programeri: Inženjeri uvijek imaju pristup trenutnom izvoru istine i mogu pregledati elemente, izvoziti sredstva i kopirati kod.

Figma ima neke jedinstvene karakteristike:

  • Logičke operacije: Sa četiri formule: udruživanje, oduzimanje, presek i izuzimanje, možete precizno kombinovati bilo koji skup slojeva oblika.
  • komponente: Gradite brže i dosljednije pomoću višekratnih i skalabilnih elemenata u vašim datotekama. Pristupite slojevima u svakoj instanci da intuitivno uredite i nadjačate tekst i slike u liniji.
  • Ograničenja: Skalirajte svoj dizajn kako bi odgovarao bilo kojoj veličini ekrana tako što ćete fiksirati objekte na roditeljski okvir, pričvrstiti objekt na mrežu, ili čak kreirati komponente koje su skalirane.
  • Okviri uređaja: Predstavite svoje dizajne u pravim okruženjima. Možete čak birati između portretnog i pejzažnog načina rada.
  • interakcije: Oživite svoje prototipove definiranjem interakcija na klik, dok lebdite, dok pritiskate i još mnogo toga.
  • Overlays: Sa relativnim i ručnim pozicioniranjem imate potpunu kontrolu nad tim gdje i kako se preklapanja pojavljuju.
  • Savršenstvo piksela: Interaktivno uređivanje od 60 kadrova u sekundi donosi vam ultra jasne preglede i izvoze savršene za piksele.
  • prototipa: Brzo izgradite tokove povezivanjem ekrana i dodavanjem elemenata kao što su interakcije, prijelazi, preklapanja i još mnogo toga. Umjesto sinhronizacije s drugim alatima, jednostavno podijelite URL da biste dobili povratne informacije.
  • Odgovarajući dizajn: Rastegnite svoje izglede i pogledajte kako će reagirati na promjene veličine ekrana.
Odgovarajući prototipa
  • Skrolovanje: Omogućite horizontalno, okomito ili pomicanje u bilo kojem smjeru unutar pojedinačnih oblika ili cijelog roditeljskog okvira.
  • Styles: Sinhronizirajte boje, tekst, mreže i efekte u svim vašim projektima. Održavajte manje stilova teksta i uskladite svoje dizajne na različitim uređajima s jedinstvenim stilovima mreže Figma.
  • Biblioteke tima: Dijelite komponente i stilove u Figmi – nema potrebe za zajedničkim diskovima ili dodatnim alatima. Vi i vaš tim kontrolišete kako i kada se promene uvode pomoću jednostavnih tokova rada za objavljivanje.
  • Vektorske mreže: Figma je kreirala alatku za olovku da bude intuitivnija, omogućavajući direktnu manipulaciju uz očuvanje kompatibilnosti sa putanjama unatrag.

za preduzeće klijenti, figma može dovesti do konzistentnosti, efikasnosti i sigurnosti na velikom nivou. Platforma omogućava poslovnim klijentima da lako upravljaju sistemima dizajna s timskim bibliotekama i mogućnošću otpremanja i dijeljenja prilagođenih fontova u vašoj organizaciji. Jedinstvena prijava (SSO), uključene su kontrole pristupa i evidencije aktivnosti.

Započnite s Figmom

figma ima veliki izbor tutorijala koje održavaju na svom YouTube kanal, evo videozapisa za početak:

figma također pruža programerima mogućnost pregleda, kopiranja, izvoza sredstava i kopiranja CSS direktno iz datoteke dizajna. Također možete omogućiti svoje postojeće tokove rada s integracijama, uključujući vazdušna lađa, Jira, Dropbox, ProtoPie

, I princip za Mac. Takođe imaju robustan API.

Isprobajte Figmu besplatno

Douglas Karr

Douglas Karr je CMO of OpenINSIGHTS i osnivač Martech Zone. Douglas je pomogao desetinama uspješnih MarTech startupova, pomogao je u dubinskom pregledu od preko 5 milijardi dolara u Martechovim akvizicijama i investicijama, te nastavlja da pomaže kompanijama u implementaciji i automatizaciji njihovih prodajnih i marketinških strategija. Douglas je međunarodno priznati stručnjak za digitalnu transformaciju i MarTech stručnjak i govornik. Douglas je također objavljeni autor Dummie's vodiča i knjige o poslovnom liderstvu.

Vezani članci

Nazad na vrh dugmeta
blizu

Adblock otkriven

Martech Zone je u mogućnosti da vam pruži ovaj sadržaj bez ikakvih troškova jer mi unovčavamo našu stranicu putem prihoda od oglasa, partnerskih veza i sponzorstava. Bili bismo zahvalni ako biste uklonili svoj blokator oglasa dok gledate našu web stranicu.