Gordana RADOVIĆ

1. jul 2021.

Programiranje uglavnom nije rabota u koju će se klasičan dizajner rado upustiti. Vizuelno orijentisane osobe vole da im se sve dešava pred očima i da u svakom momentu imaju pod kontrolom sve što se dešava, animira, menja boju, veličinu, pojavljuje se ili nestaje. Programiranje, pak, pretpostavlja da to sve ne vidite nego, da znate šta radite, pa kad sve ispišete, da kompajlirate i proveravate učinak.

Pregršt je programa i frameworka razvijeno da se ove dve stvari pomire. Obično to ide u istom pravcu: kako obaviti i dizajnerski i programerski deo posla bez programiranja. Slična situacija je i sa Framerom, koji je predviđen da vaše ideje za aplikaciju ili veb-sajt vrlo brzo i lako pretoči u vizuelnu stvarnost, ali i stvarnost u React komponentama. Šta to znači? Da Framer sve što vizuelno dizajnirate „pamti” u Reactu, a svaka komponenta projekta i njena varijacija, postaju React komponente. No, krenimo redom...

Program stiže sa nekoliko video-tutorijala koji će vam pomoći da ovladate kako osnovnim funkcijama, tako i upravljačkim interfejsom. Iako je u pitanju ostvarenje bazirano na vizuelnim principima i alatkama, nije baš da će vam se sve samo kasti čim otvorite program. U prvi mah srešćete se sa prozorom koji nudi osnovne, ali krupne stvari. Recimo, ovde se nalazi opcija za otvaranje novog projekta, ali i učitavanje nekog od templatea. Šabloni mogu da budu u obliku ranije definisanog projekta, koji ste sačuvali za buduće poduhvate i gotovih rešenja koja ćete preuzeti iz online baze. E, sad, tu postoji „kvaka” - na online šablone pravo imaju samo premijum korisnici. Ipak, važno je napomenuti da postoje i neki manji primerci za posebne stranice koji su dostupni besplatno. Njima možete da se poslužite na početku i slobodno ih nadograđujete funkcijama i detaljima.

Još jedna zanimljiva opcija je kreiranje tima koji će raditi na projektu. Ukoliko vam tako odgovara, nekoliko ljudi može da radi uporedo, a uz to još više njih projekat može da prati i da ostavlja komentare.

Ukoliko se prvi put susrećete sa Framerom i ovakvim načinom rada, preporučujemo da obavezno prođete kroz tutorijale. Oni su u video-formi i napravljeni su tako da se zaustavljaju nakon određenih koraka kako bi vam dali dovoljno vremena da ih ponovite. Sve ide glatko i na kraju ćete imati gotov omanji projekat. Upravljački interfejs, na prvi pogled, deluje jednostavno. Međutim svaka od osnovnih funkcija (kakve su Screen, Scroll, Page, a naročito Insert) kriju mnogo opcija i mogućnosti za oblikovanje i uređivanje, kako izgleda, tako i funkcionalnosti. Ako u obzir uzmete kombinovanje svih ovih elemenata, dobićete prilično kompleksnu paletu mogućnosti i navigaciju između njih.

Kao primer, navešćemo jednu galeriju. Vaše je da prvo dizajnirate jedan Screen i dodelite mu Header, Footer i glavnu površinu. Sledeći korak je da dodate sadržaj. Taj sadržaj, naravno, može da bude mnogo veći od veličine ekrana, ali, eto, tome služi dodavanje Scrolla. Dodajete ga, po principu drag and drop, vertikalno, a povezivanjem konektora ako želite da skrolujete horizontalno.

Kako projekat raste tako grananje postaje veće, a sve elemente vidite na radnoj površini, kao i sve veze između njih. Svaki element može da ima nekoliko varijanti, a kada menjate samo detalj na jednoj, ostale komponente ostaju iste. Kada čuvate i delite projekat, pogled možete da bacite i na fajlove sa React komponentama. Sve što ste radili, ceo projekat koji ste vizuelno dizajnirali, bez zrnca kôda, čuva se zapisan kao React komplement. Ako vam je ReactJS blizak, znate da je njegova prednost upravo u tome što možete da izrađujete komponente koje kasnije mogu da se koriste na više mesta uz malo ili nimalo modifikacije. Da biste napravili projekat u Frameru, nije neophodno da znate da radite u Reactu, ali to može da bude velika prednost, iz jednostavnog razloga što vaš dizajnerski projekat kasnije treba da preuzme programer i nastavi rad. Autori Framera poručuju da korisnici njihovog čeda ne treba da se plaše programiranja i da bi bilo poželjno da pored vizuelne izrade projekta razumeju i kako on izgleda i funkcioniše kada se „prevede” u React, odnosno, kako funkcionišu React komponente.

Jedina mana koju smo pronašli je to što je Framer zavistan od internet konekcije. Iako se instalira na lokalnom hard-disku, da bi radio, neophodan mu je internet. Sem ove zamerke, nemamo ni jednu više, tako da kreirajte i uživajte.