Figma: Diseinatu, prototipatu eta lankidetzan aritu

Figma

Azken hilabeteetan, pertsonalizatutako WordPress instantzia garatzen eta integratzen laguntzen ari naiz bezeroarentzako. Estilismoaren oreka nahiko da, WordPress eremu pertsonalizatuen, mezu mota pertsonalizatuen, diseinu esparru baten, haurren gai baten eta plugin pertsonalizatuen bidez hedatuz.

Zailena da jabedun prototipatze plataforma bateko maketa sinpleetatik egiten dudala. Bistaratzeko eta diseinatzeko plataforma sendoa den arren, ez da erraz itzultzen HTML5 eta CSS3. Gehitu gainerako errepikapen guztiak, eta nire egunak nahiko etsigarriak izaten dira aurrerapenak oso motelak izatearekin.

Puzzlearen zati bat da diseinu agentziak prototipoak entregatu zituela, estilo orri maisurik eman gabe ... beraz, hori lortzeko lanean ari gara prototipoak esportatuz airship, eta, ondoren, CSS WordPressera itzuli. Beharrezkoak diren urrats kopuruak eta plataformen arteko hutsuneak prozesu zaila bihurtzen dute. Abiadura eta eskalagarritasuna konplexutasunak sinplifikatzen saiatzea ahaztu gabe

Figma

Figma Lan horren zati handi bat zure taldeko kide bakoitzaren diseinua, iritzia eta lankidetza ahalbidetzen duen plataforma batekin zentralizatzen du, besteak beste:

  • Diseinatzaile - Testuinguruan eta denbora errealean lankidetzan aritzea. Ez kezkatu inoiz fitxategiak zaharkituta egoteaz edo bata bestearen lana gainidatziz.
  • stakeholders - Bidali esteka iritzia jasotzeko, aldaketa eskaerak jasotzeko eta interesdunei interesatu zaitez zure diseinuetan kopia eguneratzeak egiteko.
  • Garatzaileak - Ingeniariek beti dute uneko egiaren iturrira sarbidea eta elementuak ikuskatu, aktiboak esportatu eta kodea kopiatu dezakete.

Figmak ezaugarri berezi batzuk ditu:

  • Eragiketa boolearrak - Lau formulekin: batzea, kentzea, ebakitzea eta baztertzea, edozein forma geruza multzo zehatz konbinatu dezakezu.
  • Osagaiak - Eraiki azkarrago eta modu koherentean zure fitxategietako elementu berrerabilgarri eta eskalagarriekin. Atzitu instantzia bakoitzean geruzak, testua eta irudiak barnean editatu eta gainidatzi ahal izateko.
  • mugak - Eskalatu zure diseinua edozein pantailaren tamainara egokitzeko objektuak marko nagusian finkatuz, objektu bat sarera atxikiz edo eskala horretako osagaiak sortuz.
  • Gailuaren markoak - Aurkeztu zure diseinuak ingurune egokietan. Erretratuaren eta paisaiaren modua ere aukeratu dezakezu.
  • Elkarrekintzak - Zure prototipoak biziaraz itzazu klikaren gainean elkarreraginak definituz, pasatzean, sakatuta zaudela eta gehiago.
  • Gainjartzen - Erlatiboki eta eskuz kokatuz gero, gainazalak non eta nola agertzen diren kontrol osoa duzu.
  • Pixel-perfekzioa - 60 fps-ko edizio interaktiboak aurrebista eta esportazio ultra garbiak eta pixel ezin hobeak eskaintzen dizkizu.
  • prototyping - Eraiki azkar fluxuak pantailak konektatuz eta elkarreraginak, trantsizioak, gainjartzeak eta abar bezalako elementuak gehituz. Beste tresna batzuekin sinkronizatu beharrean, URL bat partekatu iritzia jasotzeko.
  • Sentikorrena Design - Luzatu zure diseinuak eta ikusi nola erantzungo dieten pantailaren tamainaren aldaketei.

Prototipatze sentikorra

  • korritu - Gaitu horizontalean, bertikalean edo edozein norabidetan korritzen den forma banakoen edo gurasoen marko osoaren barruan.
  • Styles - Sinkronizatu koloreak, testua, saretak eta efektuak zure proiektu guztietan. Mantendu testu estilo gutxiago eta lerrokatu zure diseinuak gailu desberdinetan Figma-ren sareta estilo bereziarekin.
  • Taldeko liburutegiak - Partekatu osagaiak eta estiloak Figma-n; ez da unitate partekatuen edo tresna osagarririk behar. Zuk eta zure taldeak kontrolatzen duzue aldaketak nola eta noiz egiten diren argitaratzeko lan-fluxu sinpleekin.
  • Bektore Sareak - Figma-k luma tresna intuitiboagoa izateko sortu zuen, manipulazio zuzena ahalbidetuz bideekin atzera-bateragarritasuna mantenduz.

for enpresa bezeroek, Figmak koherentzia, eraginkortasuna eta segurtasuna eskala izan ditzake. Plataformak aukera ematen die enpresa bezeroei diseinu sistemak taldeko liburutegiekin erraz kudeatzeko eta letra pertsonalizatuak zure erakundean zehar kargatzeko eta partekatzeko gaitasunarekin. Saio bakarreko saioa, sarbide kontrolak eta jarduera erregistroak sartzen dira.

Hasteko Figma-rekin

Figma-k beren mantentze-lanetan aukeratutako tutorial ugari ditu YouTube kanalaHona hemen bideo bat hasteko:

Figma garatzaileei aktiboak ikuskatu, kopiatu, esportatu eta CSS diseinu fitxategitik zuzenean kopiatzeko aukera ematen die. Dauden lan-fluxuak integrazioekin ere gaitu ditzakezu, besteak beste airship, Avocode, Jira, Dropbox, ProtoPie, eta Printzipioa Mac-entzat. API sendoa ere badute.

Saiatu Figma doan

Zer deritzozu?

Gune honek Akismet-ek spam erabiltzen du. Ikasi zure iruzkina nola prozesatu den.