Hvordan lage mastermaler for presentasjoner i Figma

Hvis du lager en stilisert presentasjon, men ikke ønsker å bruke overbrukte maler fra PowerPoint, Google Slides eller Canva, kan du lage dine egne mastermaler for fremtiden presentasjonsdesign.

Dette er et flott alternativ for de som vil ha temapresentasjonsdesign eller som trenger å følge en merkevarestilguide. Fortsett å lese for å finne ut hvordan du bruker Figma til å lage mastermaler for presentasjonene dine.

1. Hvordan sette opp et Figma-dokument for presentasjoner

Registrer deg for en gratis konto på Figma.com, eller hvis du allerede har en konto, logg på. Du kan bruke Figma direkte i nettleseren din, eller du kan last ned skrivebordsappen.

Åpne a Ny designfil, klikk deretter Uten navn øverst for å gi nytt navn til filen, for eksempel "Presentation Master Template". Klikk på til venstre Side 1, og så plusstegn for å legge til en ny side. Gi nytt navn til den nye siden til "Mal". Dette lar deg holde masterlysbildene dine atskilt fra designlysbildene dine senere.

For å lage en ramme – Figmas navn for et tegnebrett eller lerret – bruk

Rammeverktøy (F), og klikk deretter hvor som helst for å åpne en ramme. I innstillingene til høyre endrer du W og H attributter til en passende presentasjonsstørrelse; vi bruker 1920 x 1080, som er standard skjermstørrelse. Dette kommer til å bli din første mastermal.

Dobbeltklikk på den blå tittelen øverst i rammen for å gi den nytt navn. Tenk på sideoppsettet du planlegger og navngi det deretter - for eksempel "Topptittel to kolonne" eller "Topptittel høyre bilde" ville være nyttig.

2. Design presentasjonsoppsettene

For å hjelpe med layoutdesign kan du bruke layoutrutenettet. For å slå den på, velg rammen din, og klikk deretter på verktøylinjen på høyre side plusstegn ved siden av Layout Grid. Dette åpner et rødt gjennomskinnelig rutenett på toppen av designet ditt.

For å lage kolonner – som er enklere å designe med – klikk på kvadrat-prikket rutenettikon under Layout Grid, klikk deretter Nett i rullegardinmenyen og velg Kolonner. Sett antallet til 12, som er typisk for skjermdesign. Rutenettet lagrer ikke på det endelige designet ditt. Du kan slå den på eller av midlertidig ved å bruke øyeikon eller fjern den permanent ved å klikke på minus ikon ved siden av øyet.

Enten du bruker layoutrutenettet eller ikke, kan du begynne å legge til grunnleggende plassholderkomponenter til ditt første lysbildeoppsett. Totalt sett er utformingen av lysbildene dine opp til deg.

3. Lag et to-kolonne tekstoppsett

La oss begynne med å designe en topptittel med et to-kolonne brødtekstlysbilde. For å legge til tittelplassholderen, bruk Tekstverktøy (T), og skriv "Tittelplassholder". Standard tekststørrelse i Figma er ganske liten, så med plassholderen skrevet inn, marker den og bruk innstillingene til høyre for å øke størrelsen og velge en skrift—last ned en font om nødvendig. Du kan også angi kerning og andre attributter.

For å få plass til bredden på lysbildet, øk bredden på titteltekstboksen ved å klikke og dra hjørnet til høyre. La det være en marg på hver side. Dette betyr at tekstboksen vil romme forskjellige tittellengder i fremtidige presentasjoner.

For å legge til et to-kolonne brødtekstområde, bruk Tekstverktøy (T) og dra tekstboksen i henhold til layoutrutenettet, og la det være nok plass til en annen kolonne av samme størrelse ved siden av.

Med tekstboksen på plass, velg en passende font og størrelse. Velg tekstboksen og dupliser den ved å holde inne Oalternativ (Mac) eller Alt (Windows) mens du drar boksen. Dette skaper en to-kolonne layout; Du kan imidlertid bruke dette systemet til å designe andre typer oppsett.

4. Legg til en bakgrunnsfarge eller bilde

Du kan angi en bakgrunnsfarge ved å velge rammen og gå til Fylle på menyen til høyre for å velge en farge. Men hvis du heller vil bruke et bilde, eller et sett med bilder, som bakgrunn, kan du. Bare dra bakgrunnsbildet fra en mappe til rammen. Du kan endre størrelsen på den med en gang ved å dra hjørnene slik at de passer til rammen.

Hvis du bruker en bilde som bakgrunn, sørg for at du ordner bildet til å være bak eller nederst i lagene for hvert lysbilde ved å høyreklikke og velge Plasser i bakgrunnen, eller ved å dra den til bunnen på lagpaletten til venstre.

For ytterligere redigering av bildet, under Fylle, klikk Bilde i rullegardinmenyen. Du vil kunne endre blandingsmodus, beskjæringsfaktor og andre aspekter. For å endre opasiteten, endre prosentandelen ved siden av rullegardinmenyen.

For et enkeltbilde som ikke er en bakgrunn, bruk Rammeverktøy (F) for å tegne en ramme der du vil at bildet skal sitte, og dra filen fra datamaskinen inn i rammen. Da kan du bruke de samme innstillingene som før.

5. Hvordan lage tekststiler i Figma

Når du oppretter en hovedmal, bør tekststilene være konsekvente gjennom alle lysbildene. Dette kan gjøres manuelt ved å sette hver tekstkomponent til å være den samme, men hvis du har mange lysbilder, kan dette være kjedelig å gjøre. De gode nyhetene? Du kan automatisere tekststilene dine i Figma.

Med den valgte teksten valgt – for eksempel en undertekst i den foretrukne stilen, fonten og størrelsen – klikker du på kvadrat med fire prikker ved siden av Tekst i menyen til høyre. Klikk på plusstegn for å sette en ny stil.

Gi stilen et navn i popup-vinduet – for eksempel «Lysbildetittel eller brødtekst». Når du designer andre lysbilder i denne malen, kan du velge den oppførte stilen i tekstmenyen ved å velge teksten og velge stilen. For å koble fra stilen og overstyre funksjonen, klikk på ødelagt koblingsikon som vises når du holder markøren over tekststiltittelen.

Det fungerer på samme måte for farger. Velg noe med fargen du ønsker, og klikk deretter på Figma-menyknappen og Raske handlinger. Skriv "Velg alle med samme fyll", og det vil velge alt av samme farge. Deretter kan du angi det som fargestil under Fylle meny på samme måte som å lage en tekststil. Dette fungerer bra for bakgrunnsfarger ved ganske enkelt å velge rammen og velge farge.

Hvis du ikke følger en stilguide allerede, er det mange måter å generere fargepaletter på.

6. Lag komponenter

For å kunne bruke malene dine senere, må de være komponenter, så de lenker. For å gjøre rammen om til en komponent, velg gjeldende ramme og klikk Cmd + Alternativ + K (Mac) eller Ctrl + Alt + K (Windows).

Rammens tittel blir fra blå til lilla med et diamantikon for å vise at det nå er en komponent. Klikk deretter for å duplisere rammen Cmd + D (Mac) eller Ctrl + D (Windows) én gang, og dra den nye rammen til høyre for den første.

Løsne komponenten til duplikatet fra originalen ved å høyreklikke på den nye rammens tittel og velge Koble fra forekomsten. Gi nytt navn til det nye lysbildet med en passende tittel for oppsettet. Legg til det nye designet på lysbildet og gjør det til sin egen komponent ved å klikke Cmd + Alternativ + K (Mac) eller Ctrl + Alt + K (Windows). Denne prosessen må gjøres hver gang du oppretter et nytt lysbilde.

Når du designer oppsettet for hvert nytt lysbilde, bruk ferdiglagde tekst- og fargestiler for å spare tid. Fullfør denne prosessen med så mange basislysbilder du trenger, og sørg for at de alle har beskrivende navn.

7. Slik bruker du Master Slides

For å bruke lysbildene til dine fremtidige design, velg Side 1 i Sider meny – med malen din under sin egen tittel – og lag en ny presentasjonsstørrelse. Klikk deretter til venstre Eiendeler > Lokale komponenter hvor mallysbildene dine skal være. Dra mallysbildene inn på den nye rammen, og sentrer den. Rediger plassholderne for innholdet ditt.

Følg samme prosess til presentasjonen er fullført.

Spar tid ved å lage dine egne mastermaler i Figma

Du kan gi hovedmalen din til lagkamerater eller kolleger, beholde den til personlig bruk, eller til og med selge dem som designpakker. Selv om det i utgangspunktet kan virke skremmende å lage en lysbildemastermal, vil det hjelpe produktiviteten når du lager fremtidige presentasjoner i Figma, noe som til slutt sparer tid.

De 10 beste Figma-funksjonene alle designere bør bruke

Les Neste

Om forfatteren