1. Registracija i pristup Frameru

• Idi na Framerov web.

• Registriraj se koristeći svoj email, Google račun ili GitHub.

• Nakon prijave, možeš početi s praznim projektom ili koristiti neki od dostupnih predložaka.

2. Navigacija u sučelju

• Canvas (platno): Prostor za dizajniranje stranice. Ovde postavljaš elemente poput tekstova, slika i gumbova.

• Sidebar (bočni izbornik):

  • Layers (Slojevi): Popis svih elemenata na tvojoj stranici.

  • Components: Ponovno upotrebljivi dijelovi dizajna.

  • Properties: Prilagodbe za odabrani element (boja, veličina, animacije).

• Toolbar (Alati): Na vrhu ekrana nalazi se alatna traka za dodavanje elemenata, uključujući tekst, slike, oblike i komponente.

3. Dodavanje elemenata

• Klikni na + u alatnoj traci i odaberi element (npr. tekst, sliku, oblik).

• Postavi element na platno povlačenjem ili klikom.

• Prilagodi veličinu i poziciju koristeći miša ili unosom preciznih vrijednosti u svojstvima na bočnom izborniku.

4. Stvaranje responzivnog dizajna

• Koristi Frame element kao osnovni okvir za svaki dio stranice.

• Postavi Auto Layout kako bi se sadržaj automatski prilagodio različitim veličinama ekrana.

• Testiraj dizajn koristeći predefinirane veličine uređaja (Desktop, Tablet, Mobile).

5. Dodavanje interaktivnosti

• Linkovi: Odaberi element (poput gumba) i dodaj poveznicu u svojstvima.

• Animacije: Klikni na bilo koji element i prilagodi animaciju, npr. ulaz, izlaz ili hover efekt.

• Komponente: Stvori ponovljive elemente (npr. kartice) koje možeš lako ažurirati na jednom mjestu.

6. Učitavanje vlastitog sadržaja

• Slike: Povuci i ispusti slike iz računala ili koristi ugrađene izvore slika.

• Tekst: Klikni na tekstualni element i unesi željeni sadržaj.

• Integracije: Ugradi elemente poput videa, mapa ili drugih vanjskih sadržaja.

7. Objavljivanje stranice

• Klikni na Publish u gornjem desnom kutu.

• Provjeri kako stranica izgleda na različitim uređajima.

• Objavi stranicu koristeći Framerov poddomen (npr. tvojprojekt.framer.website) ili spoji vlastitu domenu.