Figma: Oblikovanje, prototip in sodelovanje med podjetji

Figma

The last few months, I’ve been helping to develop and integrate a highly customized WordPress instance for a client. It’s quite the balance of styling, extending WordPress through custom fields, custom post types, a design framework, a child theme, and custom plugins.

Težko je, da to počnem iz preprostih maket iz lastniške platforme za prototipiranje. Čeprav je to dobra platforma za vizualizacijo in oblikovanje, je ni enostavno prevesti v HTML5 in CSS3. Dodajte še vse druge ponovitve in moji dnevi postanejo precej moteči zaradi izjemno počasnega napredka.

Del sestavljanke je, da je oblikovalska agencija preprosto predala prototipe, ne da bi predložila kakršno koli glavno tabelo stilov ... zato si prizadevamo, da bi to dosegli z izvozom prototipov v Cepelinin nato prevede CSS v WordPress. Število potrebnih korakov in vrzeli med platformami otežujejo postopek. Da ne omenjam poskusov poenostavitve zapletenosti za hitrost in razširljivost

Figma

Figma večino tega dela centralizira s platformo, ki omogoča oblikovanje, povratne informacije in sodelovanje med vsemi člani vaše ekipe, vključno z:

  • Oblikovalci - Sodelujte v kontekstu in v realnem času. Nikoli vas ne skrbi, da bi vaše datoteke zastarele ali da bi drug drugega prepisali.
  • Zainteresirane strani - Pošljite povezavo za zbiranje povratnih informacij, prejemanje zahtev za spremembe in dovolite zainteresiranim stranem, da kopirajo posodobitve v vaše modele.
  • Razvijalci - Inženirji imajo vedno dostop do trenutnega vira resnice in lahko pregledujejo elemente, izvozijo sredstva in kopirajo kodo.

Figma ima nekaj edinstvenih lastnosti:

  • Logične operacije - S štirimi formulami: združitev, odštevanje, sekanje in izključevanje lahko natančno kombinirate poljuben nabor oblik.
  • Sestavni deli - Gradite hitreje in dosledneje z večkratnimi in razširljivimi elementi v datotekah. Dostopajte do slojev v vsakem primeru, tako da lahko intuitivno urejate in prepisujete besedilo in slike v vrstici.
  • Omejitve - Prilagodite svoj dizajn tako, da ustreza kateri koli velikosti zaslona, ​​tako da pritrdite predmete na nadrejeni okvir, pripnete predmet na mrežo ali celo ustvarite komponente, ki spreminjajo velikost.
  • Okvirji naprav - Predstavite svoje modele v pravih okoljih. Izbirate lahko celo med pokončnim in ležečim načinom.
  • Interakcije - Oživite svoje prototipe, tako da določite interakcije na klik, med lebdenjem, pritiskom in še več.
  • Prekrivne - Z relativnim in ročnim pozicioniranjem imate popoln nadzor nad tem, kje in kako se prikažejo prosojnice.
  • Popolnost pikslov - Interaktivno urejanje s hitrostjo 60 sličic na sekundo vam prinaša izjemno jasne predogled in izvoz v slikovnih pikah.
  • Prototipov - Hitro gradite tokove s povezovanjem zaslonov in dodajanjem elementov, kot so interakcije, prehodi, prekrivanja in drugo. Namesto sinhronizacije z drugimi orodji preprosto delite URL in prejmite povratne informacije.
  • Odzivno oblikovanje - Raztegnite postavitve in poglejte, kako se bodo odzvale na spremembe velikosti zaslona.

Odziven prototip

  • Pomikanje - Omogočite vodoravno, navpično ali katero koli smerno drsenje znotraj posameznih oblik ali celotnega nadrejenega okvira.
  • Slogi - Sinhronizirajte barve, besedilo, mreže in učinke v vseh svojih projektih. Ohranite manj slogov besedila in poravnajte svoje načrte v različnih napravah z edinstvenimi mrežnimi slogi Figma.
  • Skupinske knjižnice - Skupna raba komponent in stilov v Figmi - ni potrebe po skupnih pogonih ali dodatnih orodjih. Vi in vaša ekipa nadzorujete, kako in kdaj bodo spremembe uvedene s preprostimi poteki dela.
  • Vektorska omrežja - Figma je orodje za pisalo ustvarilo bolj intuitivno, kar omogoča neposredno manipulacijo, hkrati pa ohranja združljivost s potmi nazaj.

za podjetje strank, Figma lahko doseže doslednost, učinkovitost in varnost v velikem obsegu. Platforma podjetniškim odjemalcem omogoča enostavno upravljanje sistemov oblikovanja s knjižnicami skupin in možnost nalaganja in skupne rabe pisav po meri v vaši organizaciji. Vključeni so enotna prijava, nadzor dostopa in dnevniki dejavnosti.

Začnite z Figmo

Figma ima veliko izbiro vadnic, ki jih ohranja na svojih Youtube kanal, tukaj je uvodni video:

Figma daje razvijalcem možnost pregleda, kopiranja, izvoza sredstev in kopiranja CSS neposredno iz projektne datoteke. Obstoječe poteke dela lahko omogočite tudi z integracijami, vključno z Cepelin, Avocode, Jira, varno shrambo, ProtoPiein Načelo za Mac. Imajo tudi robusten API.

Poskusite Figmo brezplačno

Kaj menite?

Ta stran uporablja Akismet za zmanjšanje nezaželene pošte. Preberite, kako se vaš komentar obravnava.